@fluxo-dev/shell 0.0.21 → 0.0.23

package/index.esm.js

@@ -6,7 +6,7 @@ import { useLocation, Navigate, matchPath, Outlet, useNavigate, Link, Route, use
 import { FluxoClientSys, AppType, AppState, FluxoStateDispatcher, UserService, AppMenuContextType, ApiKeyService, DomainRoleService } from '@fluxo-dev/api-client-base';
 import { AccessDenied, DataCard, NoData, ConfirmModal, ShellPage, ErrorPage as ErrorPage$1, WaitData, FlxRoutes } from '@fluxo-dev/ui-components';
 import { ModuleLoader } from '@fluxo-dev/shell-mfe';
-import { Text, TextInput, useMantineTheme, AppShell, Stack, Group, Burger, Badge, ActionIcon, Drawer, NavLink, Avatar, Anchor, Tooltip, Divider, Space, useMantineColorScheme, UnstyledButton, Box, ThemeIcon, Collapse, ScrollArea, rem, Loader, Grid, Center, PasswordInput, Button, ColorSwatch, FileButton, NumberInput, Alert, ColorInput, Checkbox, Modal, Switch, Select, Chip, LoadingOverlay, Image as Image$1, Menu, Textarea, Table, MultiSelect, MantineProvider } from '@mantine/core';
+import { Text, TextInput, ActionIcon, useMantineTheme, AppShell, Stack, Group, Burger, Badge, Drawer, NavLink, Avatar, Anchor, Tooltip, Divider, Space, useMantineColorScheme, UnstyledButton, Box, ThemeIcon, Collapse, ScrollArea, rem, Loader, Grid, Center, PasswordInput, Button, ColorSwatch, FileButton, NumberInput, Alert, ColorInput, Checkbox, Modal, Switch, Select, Chip, LoadingOverlay, Image as Image$1, Menu, Textarea, Table, MultiSelect, MantineProvider } from '@mantine/core';
 import { openSpotlight, Spotlight } from '@mantine/spotlight';
 import { useOs, useHotkeys, useIdle } from '@mantine/hooks';
 import { showNotification, Notifications } from '@mantine/notifications';
@@ -41,7 +41,7 @@ var classofRaw$1 = function (it) {
 };
 
 var fails$b = fails$c;
-var classof$6 = classofRaw$1;
+var classof$7 = classofRaw$1;
 
 var split = ''.split;
 
@@ -51,7 +51,7 @@ var indexedObject = fails$b(function () {
   // eslint-disable-next-line no-prototype-builtins
   return !Object('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$6(it) == 'String' ? split.call(it, '') : Object(it);
+  return classof$7(it) == 'String' ? split.call(it, '') : Object(it);
 } : Object;
 
 // `RequireObjectCoercible` abstract operation
@@ -94,16 +94,16 @@ var descriptors = !fails$a(function () {
 
 var objectDefineProperty = {};
 
-var isObject$a = function (it) {
+var isObject$b = function (it) {
   return typeof it === 'object' ? it !== null : typeof it === 'function';
 };
 
 var global$k = global$l;
-var isObject$9 = isObject$a;
+var isObject$a = isObject$b;
 
 var document$2 = global$k.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS = isObject$9(document$2) && isObject$9(document$2.createElement);
+var EXISTS = isObject$a(document$2) && isObject$a(document$2.createElement);
 
 var documentCreateElement$1 = function (it) {
   return EXISTS ? document$2.createElement(it) : {};
@@ -120,26 +120,26 @@ var ie8DomDefine = !DESCRIPTORS$8 && !fails$9(function () {
   }).a != 7;
 });
 
-var isObject$8 = isObject$a;
+var isObject$9 = isObject$b;
 
 var anObject$b = function (it) {
-  if (!isObject$8(it)) {
+  if (!isObject$9(it)) {
     throw TypeError(String(it) + ' is not an object');
   } return it;
 };
 
-var isObject$7 = isObject$a;
+var isObject$8 = isObject$b;
 
 // `ToPrimitive` abstract operation
 // https://tc39.github.io/ecma262/#sec-toprimitive
 // instead of the ES6 spec version, we didn't implement @@toPrimitive case
 // and the second argument - flag - preferred type is a string
 var toPrimitive$2 = function (input, PREFERRED_STRING) {
-  if (!isObject$7(input)) return input;
+  if (!isObject$8(input)) return input;
   var fn, val;
-  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject$7(val = fn.call(input))) return val;
-  if (typeof (fn = input.valueOf) == 'function' && !isObject$7(val = fn.call(input))) return val;
-  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject$7(val = fn.call(input))) return val;
+  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject$8(val = fn.call(input))) return val;
+  if (typeof (fn = input.valueOf) == 'function' && !isObject$8(val = fn.call(input))) return val;
+  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject$8(val = fn.call(input))) return val;
   throw TypeError("Can't convert object to primitive value");
 };
 
@@ -253,7 +253,7 @@ var WellKnownSymbolsStore = shared$1('wks');
 var Symbol$1 = global$h.Symbol;
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
-var wellKnownSymbol$f = function (name) {
+var wellKnownSymbol$g = function (name) {
   if (!has$d(WellKnownSymbolsStore, name)) {
     if (NATIVE_SYMBOL && has$d(Symbol$1, name)) WellKnownSymbolsStore[name] = Symbol$1[name];
     else WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
@@ -265,21 +265,21 @@ var floor = Math.floor;
 
 // `ToInteger` abstract operation
 // https://tc39.github.io/ecma262/#sec-tointeger
-var toInteger$2 = function (argument) {
+var toInteger$3 = function (argument) {
   return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
 };
 
-var toInteger$1 = toInteger$2;
+var toInteger$2 = toInteger$3;
 
 var min$1 = Math.min;
 
 // `ToLength` abstract operation
 // https://tc39.github.io/ecma262/#sec-tolength
-var toLength$2 = function (argument) {
-  return argument > 0 ? min$1(toInteger$1(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+var toLength$4 = function (argument) {
+  return argument > 0 ? min$1(toInteger$2(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 };
 
-var toInteger = toInteger$2;
+var toInteger$1 = toInteger$3;
 
 var max = Math.max;
 var min = Math.min;
@@ -288,19 +288,19 @@ var min = Math.min;
 // Let integer be ? ToInteger(index).
 // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
 var toAbsoluteIndex$1 = function (index, length) {
-  var integer = toInteger(index);
+  var integer = toInteger$1(index);
   return integer < 0 ? max(integer + length, 0) : min(integer, length);
 };
 
 var toIndexedObject$3 = toIndexedObject$4;
-var toLength$1 = toLength$2;
+var toLength$3 = toLength$4;
 var toAbsoluteIndex = toAbsoluteIndex$1;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
 var createMethod$1 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$3($this);
-    var length = toLength$1(O.length);
+    var length = toLength$3(O.length);
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -490,11 +490,11 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : defineProperties(result, Properties);
 };
 
-var wellKnownSymbol$e = wellKnownSymbol$f;
+var wellKnownSymbol$f = wellKnownSymbol$g;
 var create$1 = objectCreate;
 var definePropertyModule$2 = objectDefineProperty;
 
-var UNSCOPABLES = wellKnownSymbol$e('unscopables');
+var UNSCOPABLES = wellKnownSymbol$f('unscopables');
 var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
@@ -507,7 +507,7 @@ if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
 }
 
 // add a key to Array.prototype[@@unscopables]
-var addToUnscopables$2 = function (key) {
+var addToUnscopables$3 = function (key) {
   ArrayPrototype$1[UNSCOPABLES][key] = true;
 };
 
@@ -535,7 +535,7 @@ var nativeWeakMap = typeof WeakMap$2 === 'function' && /native code/.test(inspec
 
 var NATIVE_WEAK_MAP = nativeWeakMap;
 var global$d = global$l;
-var isObject$6 = isObject$a;
+var isObject$7 = isObject$b;
 var createNonEnumerableProperty$5 = createNonEnumerableProperty$7;
 var objectHas = has$e;
 var sharedKey$1 = sharedKey$3;
@@ -551,7 +551,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$6(it) || (state = get$1(it)).type !== TYPE) {
+    if (!isObject$7(it) || (state = get$1(it)).type !== TYPE) {
       throw TypeError('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -795,7 +795,7 @@ var requireObjectCoercible$2 = requireObjectCoercible$4;
 
 // `ToObject` abstract operation
 // https://tc39.github.io/ecma262/#sec-toobject
-var toObject$3 = function (argument) {
+var toObject$4 = function (argument) {
   return Object(requireObjectCoercible$2(argument));
 };
 
@@ -808,7 +808,7 @@ var correctPrototypeGetter = !fails$6(function () {
 });
 
 var has$7 = has$e;
-var toObject$2 = toObject$3;
+var toObject$3 = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -818,7 +818,7 @@ var ObjectPrototype = Object.prototype;
 // `Object.getPrototypeOf` method
 // https://tc39.github.io/ecma262/#sec-object.getprototypeof
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O) {
-  O = toObject$2(O);
+  O = toObject$3(O);
   if (has$7(O, IE_PROTO)) return O[IE_PROTO];
   if (typeof O.constructor == 'function' && O instanceof O.constructor) {
     return O.constructor.prototype;
@@ -828,9 +828,9 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : fu
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$7;
 var has$6 = has$e;
-var wellKnownSymbol$d = wellKnownSymbol$f;
+var wellKnownSymbol$e = wellKnownSymbol$g;
 
-var ITERATOR$5 = wellKnownSymbol$d('iterator');
+var ITERATOR$5 = wellKnownSymbol$e('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 var returnThis$2 = function () { return this; };
@@ -863,9 +863,9 @@ var iteratorsCore = {
 
 var defineProperty$3 = objectDefineProperty.f;
 var has$5 = has$e;
-var wellKnownSymbol$c = wellKnownSymbol$f;
+var wellKnownSymbol$d = wellKnownSymbol$g;
 
-var TO_STRING_TAG$3 = wellKnownSymbol$c('toStringTag');
+var TO_STRING_TAG$3 = wellKnownSymbol$d('toStringTag');
 
 var setToStringTag$3 = function (it, TAG, STATIC) {
   if (it && !has$5(it = STATIC ? it : it.prototype, TO_STRING_TAG$3)) {
@@ -889,10 +889,10 @@ var createIteratorConstructor$1 = function (IteratorConstructor, NAME, next) {
   return IteratorConstructor;
 };
 
-var isObject$5 = isObject$a;
+var isObject$6 = isObject$b;
 
 var aPossiblePrototype$1 = function (it) {
-  if (!isObject$5(it) && it !== null) {
+  if (!isObject$6(it) && it !== null) {
     throw TypeError("Can't set " + String(it) + ' as a prototype');
   } return it;
 };
@@ -922,20 +922,20 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$8 = _export;
+var $$9 = _export;
 var createIteratorConstructor = createIteratorConstructor$1;
 var getPrototypeOf = objectGetPrototypeOf;
 var setPrototypeOf = objectSetPrototypeOf;
 var setToStringTag$1 = setToStringTag$3;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$7;
 var redefine$4 = redefine$6.exports;
-var wellKnownSymbol$b = wellKnownSymbol$f;
+var wellKnownSymbol$c = wellKnownSymbol$g;
 var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$4 = wellKnownSymbol$b('iterator');
+var ITERATOR$4 = wellKnownSymbol$c('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1004,14 +1004,14 @@ var defineIterator$1 = function (Iterable, NAME, IteratorConstructor, next, DEFA
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         redefine$4(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$8({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$9({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   return methods;
 };
 
 var toIndexedObject = toIndexedObject$4;
-var addToUnscopables$1 = addToUnscopables$2;
+var addToUnscopables$2 = addToUnscopables$3;
 var Iterators$2 = iterators;
 var InternalStateModule$1 = internalState;
 var defineIterator = defineIterator$1;
@@ -1059,9 +1059,9 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 Iterators$2.Arguments = Iterators$2.Array;
 
 // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables$1('keys');
-addToUnscopables$1('values');
-addToUnscopables$1('entries');
+addToUnscopables$2('keys');
+addToUnscopables$2('values');
+addToUnscopables$2('entries');
 
 // iterable DOM collections
 // flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
@@ -1103,10 +1103,10 @@ var global$a = global$l;
 var DOMIterables = domIterables;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$7;
-var wellKnownSymbol$a = wellKnownSymbol$f;
+var wellKnownSymbol$b = wellKnownSymbol$g;
 
-var ITERATOR$3 = wellKnownSymbol$a('iterator');
-var TO_STRING_TAG$2 = wellKnownSymbol$a('toStringTag');
+var ITERATOR$3 = wellKnownSymbol$b('iterator');
+var TO_STRING_TAG$2 = wellKnownSymbol$b('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 for (var COLLECTION_NAME in DOMIterables) {
@@ -1133,11 +1133,11 @@ for (var COLLECTION_NAME in DOMIterables) {
   }
 }
 
-var $$7 = _export;
+var $$8 = _export;
 var DESCRIPTORS$3 = descriptors;
 var global$9 = global$l;
 var has$4 = has$e;
-var isObject$4 = isObject$a;
+var isObject$5 = isObject$b;
 var defineProperty$2 = objectDefineProperty.f;
 var copyConstructorProperties = copyConstructorProperties$2;
 
@@ -1168,7 +1168,7 @@ if (DESCRIPTORS$3 && typeof NativeSymbol == 'function' && (!('description' in Na
   defineProperty$2(symbolPrototype, 'description', {
     configurable: true,
     get: function description() {
-      var symbol = isObject$4(this) ? this.valueOf() : this;
+      var symbol = isObject$5(this) ? this.valueOf() : this;
       var string = symbolToString.call(symbol);
       if (has$4(EmptyStringDescriptionStore, symbol)) return '';
       var desc = native ? string.slice(7, -1) : string.replace(regexp, '$1');
@@ -1176,7 +1176,7 @@ if (DESCRIPTORS$3 && typeof NativeSymbol == 'function' && (!('description' in Na
     }
   });
 
-  $$7({ global: true, forced: true }, {
+  $$8({ global: true, forced: true }, {
     Symbol: SymbolWrapper
   });
 }
@@ -1194,17 +1194,17 @@ var redefineAll$1 = function (target, src, options) {
 
 var getBuiltIn$3 = getBuiltIn$6;
 var definePropertyModule = objectDefineProperty;
-var wellKnownSymbol$9 = wellKnownSymbol$f;
+var wellKnownSymbol$a = wellKnownSymbol$g;
 var DESCRIPTORS$2 = descriptors;
 
-var SPECIES$2 = wellKnownSymbol$9('species');
+var SPECIES$3 = wellKnownSymbol$a('species');
 
 var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   var Constructor = getBuiltIn$3(CONSTRUCTOR_NAME);
   var defineProperty = definePropertyModule.f;
 
-  if (DESCRIPTORS$2 && Constructor && !Constructor[SPECIES$2]) {
-    defineProperty(Constructor, SPECIES$2, {
+  if (DESCRIPTORS$2 && Constructor && !Constructor[SPECIES$3]) {
+    defineProperty(Constructor, SPECIES$3, {
       configurable: true,
       get: function () { return this; }
     });
@@ -1225,10 +1225,10 @@ var anInstance$1 = function (it, Constructor, name) {
 
 var iterate$2 = {exports: {}};
 
-var wellKnownSymbol$8 = wellKnownSymbol$f;
+var wellKnownSymbol$9 = wellKnownSymbol$g;
 var Iterators$1 = iterators;
 
-var ITERATOR$2 = wellKnownSymbol$8('iterator');
+var ITERATOR$2 = wellKnownSymbol$9('iterator');
 var ArrayPrototype = Array.prototype;
 
 // check on default Array iterator
@@ -1261,9 +1261,9 @@ var functionBindContext = function (fn, that, length) {
   };
 };
 
-var wellKnownSymbol$7 = wellKnownSymbol$f;
+var wellKnownSymbol$8 = wellKnownSymbol$g;
 
-var TO_STRING_TAG$1 = wellKnownSymbol$7('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol$8('toStringTag');
 var test$1 = {};
 
 test$1[TO_STRING_TAG$1] = 'z';
@@ -1272,9 +1272,9 @@ var toStringTagSupport = String(test$1) === '[object z]';
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var classofRaw = classofRaw$1;
-var wellKnownSymbol$6 = wellKnownSymbol$f;
+var wellKnownSymbol$7 = wellKnownSymbol$g;
 
-var TO_STRING_TAG = wellKnownSymbol$6('toStringTag');
+var TO_STRING_TAG = wellKnownSymbol$7('toStringTag');
 // ES3 wrong here
 var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
 
@@ -1286,7 +1286,7 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+var classof$6 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
@@ -1297,16 +1297,16 @@ var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
     : (result = classofRaw(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : result;
 };
 
-var classof$4 = classof$5;
+var classof$5 = classof$6;
 var Iterators = iterators;
-var wellKnownSymbol$5 = wellKnownSymbol$f;
+var wellKnownSymbol$6 = wellKnownSymbol$g;
 
-var ITERATOR$1 = wellKnownSymbol$5('iterator');
+var ITERATOR$1 = wellKnownSymbol$6('iterator');
 
 var getIteratorMethod$1 = function (it) {
   if (it != undefined) return it[ITERATOR$1]
     || it['@@iterator']
-    || Iterators[classof$4(it)];
+    || Iterators[classof$5(it)];
 };
 
 var anObject$5 = anObject$b;
@@ -1325,8 +1325,8 @@ var callWithSafeIterationClosing$1 = function (iterator, fn, value, ENTRIES) {
 
 var anObject$4 = anObject$b;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
-var toLength = toLength$2;
-var bind$2 = functionBindContext;
+var toLength$2 = toLength$4;
+var bind$3 = functionBindContext;
 var getIteratorMethod = getIteratorMethod$1;
 var callWithSafeIterationClosing = callWithSafeIterationClosing$1;
 
@@ -1336,7 +1336,7 @@ var Result = function (stopped, result) {
 };
 
 var iterate$1 = iterate$2.exports = function (iterable, fn, that, AS_ENTRIES, IS_ITERATOR) {
-  var boundFunction = bind$2(fn, that, AS_ENTRIES ? 2 : 1);
+  var boundFunction = bind$3(fn, that, AS_ENTRIES ? 2 : 1);
   var iterator, iterFn, index, length, result, next, step;
 
   if (IS_ITERATOR) {
@@ -1346,7 +1346,7 @@ var iterate$1 = iterate$2.exports = function (iterable, fn, that, AS_ENTRIES, IS
     if (typeof iterFn != 'function') throw TypeError('Target is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod(iterFn)) {
-      for (index = 0, length = toLength(iterable.length); length > index; index++) {
+      for (index = 0, length = toLength$2(iterable.length); length > index; index++) {
         result = AS_ENTRIES
           ? boundFunction(anObject$4(step = iterable[index])[0], step[1])
           : boundFunction(iterable[index]);
@@ -1367,9 +1367,9 @@ iterate$1.stop = function (result) {
   return new Result(true, result);
 };
 
-var wellKnownSymbol$4 = wellKnownSymbol$f;
+var wellKnownSymbol$5 = wellKnownSymbol$g;
 
-var ITERATOR = wellKnownSymbol$4('iterator');
+var ITERATOR = wellKnownSymbol$5('iterator');
 var SAFE_CLOSING = false;
 
 try {
@@ -1408,16 +1408,16 @@ var checkCorrectnessOfIteration$1 = function (exec, SKIP_CLOSING) {
 
 var anObject$3 = anObject$b;
 var aFunction$2 = aFunction$4;
-var wellKnownSymbol$3 = wellKnownSymbol$f;
+var wellKnownSymbol$4 = wellKnownSymbol$g;
 
-var SPECIES$1 = wellKnownSymbol$3('species');
+var SPECIES$2 = wellKnownSymbol$4('species');
 
 // `SpeciesConstructor` abstract operation
 // https://tc39.github.io/ecma262/#sec-speciesconstructor
 var speciesConstructor$2 = function (O, defaultConstructor) {
   var C = anObject$3(O).constructor;
   var S;
-  return C === undefined || (S = anObject$3(C)[SPECIES$1]) == undefined ? defaultConstructor : aFunction$2(S);
+  return C === undefined || (S = anObject$3(C)[SPECIES$2]) == undefined ? defaultConstructor : aFunction$2(S);
 };
 
 var getBuiltIn$2 = getBuiltIn$6;
@@ -1430,8 +1430,8 @@ var engineIsIos = /(iphone|ipod|ipad).*applewebkit/i.test(userAgent$1);
 
 var global$7 = global$l;
 var fails$5 = fails$c;
-var classof$3 = classofRaw$1;
-var bind$1 = functionBindContext;
+var classof$4 = classofRaw$1;
+var bind$2 = functionBindContext;
 var html = html$2;
 var createElement = documentCreateElement$1;
 var IS_IOS$1 = engineIsIos;
@@ -1488,7 +1488,7 @@ if (!set || !clear) {
     delete queue[id];
   };
   // Node.js 0.8-
-  if (classof$3(process$5) == 'process') {
+  if (classof$4(process$5) == 'process') {
     defer = function (id) {
       process$5.nextTick(runner(id));
     };
@@ -1503,7 +1503,7 @@ if (!set || !clear) {
     channel = new MessageChannel();
     port = channel.port2;
     channel.port1.onmessage = listener;
-    defer = bind$1(port.postMessage, port, 1);
+    defer = bind$2(port.postMessage, port, 1);
   // Browsers with postMessage, skip WebWorkers
   // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
   } else if (
@@ -1538,14 +1538,14 @@ var task$1 = {
 
 var global$6 = global$l;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var classof$2 = classofRaw$1;
+var classof$3 = classofRaw$1;
 var macrotask = task$1.set;
 var IS_IOS = engineIsIos;
 
 var MutationObserver$1 = global$6.MutationObserver || global$6.WebKitMutationObserver;
 var process$4 = global$6.process;
 var Promise$1 = global$6.Promise;
-var IS_NODE$1 = classof$2(process$4) == 'process';
+var IS_NODE$1 = classof$3(process$4) == 'process';
 // Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
 var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global$6, 'queueMicrotask');
 var queueMicrotask = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
@@ -1636,12 +1636,12 @@ newPromiseCapability$2.f = function (C) {
 };
 
 var anObject$2 = anObject$b;
-var isObject$3 = isObject$a;
+var isObject$4 = isObject$b;
 var newPromiseCapability$1 = newPromiseCapability$2;
 
 var promiseResolve$2 = function (C, x) {
   anObject$2(C);
-  if (isObject$3(x) && x.constructor === C) return x;
+  if (isObject$4(x) && x.constructor === C) return x;
   var promiseCapability = newPromiseCapability$1.f(C);
   var resolve = promiseCapability.resolve;
   resolve(x);
@@ -1686,7 +1686,7 @@ if (v8) {
 
 var engineV8Version = version && +version;
 
-var $$6 = _export;
+var $$7 = _export;
 var global$3 = global$l;
 var getBuiltIn$1 = getBuiltIn$6;
 var NativePromise$1 = nativePromiseConstructor;
@@ -1694,10 +1694,10 @@ var redefine$2 = redefine$6.exports;
 var redefineAll = redefineAll$1;
 var setToStringTag = setToStringTag$3;
 var setSpecies = setSpecies$1;
-var isObject$2 = isObject$a;
+var isObject$3 = isObject$b;
 var aFunction = aFunction$4;
 var anInstance = anInstance$1;
-var classof$1 = classofRaw$1;
+var classof$2 = classofRaw$1;
 var inspectSource = inspectSource$3;
 var iterate = iterate$2.exports;
 var checkCorrectnessOfIteration = checkCorrectnessOfIteration$1;
@@ -1710,10 +1710,10 @@ var newPromiseCapabilityModule = newPromiseCapability$2;
 var perform = perform$1;
 var InternalStateModule = internalState;
 var isForced = isForced_1;
-var wellKnownSymbol$2 = wellKnownSymbol$f;
+var wellKnownSymbol$3 = wellKnownSymbol$g;
 var V8_VERSION = engineV8Version;
 
-var SPECIES = wellKnownSymbol$2('species');
+var SPECIES$1 = wellKnownSymbol$3('species');
 var PROMISE = 'Promise';
 var getInternalState = InternalStateModule.get;
 var setInternalState = InternalStateModule.set;
@@ -1725,7 +1725,7 @@ var process$2 = global$3.process;
 var $fetch = getBuiltIn$1('fetch');
 var newPromiseCapability = newPromiseCapabilityModule.f;
 var newGenericPromiseCapability = newPromiseCapability;
-var IS_NODE = classof$1(process$2) == 'process';
+var IS_NODE = classof$2(process$2) == 'process';
 var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$3.dispatchEvent);
 var UNHANDLED_REJECTION = 'unhandledrejection';
 var REJECTION_HANDLED = 'rejectionhandled';
@@ -1756,7 +1756,7 @@ var FORCED$1 = isForced(PROMISE, function () {
     exec(function () { /* empty */ }, function () { /* empty */ });
   };
   var constructor = promise.constructor = {};
-  constructor[SPECIES] = FakePromise;
+  constructor[SPECIES$1] = FakePromise;
   return !(promise.then(function () { /* empty */ }) instanceof FakePromise);
 });
 
@@ -1767,7 +1767,7 @@ var INCORRECT_ITERATION = FORCED$1 || !checkCorrectnessOfIteration(function (ite
 // helpers
 var isThenable = function (it) {
   var then;
-  return isObject$2(it) && typeof (then = it.then) == 'function' ? then : false;
+  return isObject$3(it) && typeof (then = it.then) == 'function' ? then : false;
 };
 
 var notify$1 = function (promise, state, isReject) {
@@ -1861,7 +1861,7 @@ var onHandleUnhandled = function (promise, state) {
   });
 };
 
-var bind = function (fn, promise, state, unwrap) {
+var bind$1 = function (fn, promise, state, unwrap) {
   return function (value) {
     fn(promise, state, value, unwrap);
   };
@@ -1888,8 +1888,8 @@ var internalResolve = function (promise, state, value, unwrap) {
         var wrapper = { done: false };
         try {
           then.call(value,
-            bind(internalResolve, promise, wrapper, state),
-            bind(internalReject, promise, wrapper, state)
+            bind$1(internalResolve, promise, wrapper, state),
+            bind$1(internalReject, promise, wrapper, state)
           );
         } catch (error) {
           internalReject(promise, wrapper, error, state);
@@ -1914,7 +1914,7 @@ if (FORCED$1) {
     Internal.call(this);
     var state = getInternalState(this);
     try {
-      executor(bind(internalResolve, this, state), bind(internalReject, this, state));
+      executor(bind$1(internalResolve, this, state), bind$1(internalReject, this, state));
     } catch (error) {
       internalReject(this, state, error);
     }
@@ -1956,8 +1956,8 @@ if (FORCED$1) {
     var promise = new Internal();
     var state = getInternalState(promise);
     this.promise = promise;
-    this.resolve = bind(internalResolve, promise, state);
-    this.reject = bind(internalReject, promise, state);
+    this.resolve = bind$1(internalResolve, promise, state);
+    this.reject = bind$1(internalReject, promise, state);
   };
   newPromiseCapabilityModule.f = newPromiseCapability = function (C) {
     return C === PromiseConstructor || C === PromiseWrapper
@@ -1978,7 +1978,7 @@ if (FORCED$1) {
     }, { unsafe: true });
 
     // wrap fetch result
-    if (typeof $fetch == 'function') $$6({ global: true, enumerable: true, forced: true }, {
+    if (typeof $fetch == 'function') $$7({ global: true, enumerable: true, forced: true }, {
       // eslint-disable-next-line no-unused-vars
       fetch: function fetch(input /* , init */) {
         return promiseResolve$1(PromiseConstructor, $fetch.apply(global$3, arguments));
@@ -1987,7 +1987,7 @@ if (FORCED$1) {
   }
 }
 
-$$6({ global: true, wrap: true, forced: FORCED$1 }, {
+$$7({ global: true, wrap: true, forced: FORCED$1 }, {
   Promise: PromiseConstructor
 });
 
@@ -1997,7 +1997,7 @@ setSpecies(PROMISE);
 PromiseWrapper = getBuiltIn$1(PROMISE);
 
 // statics
-$$6({ target: PROMISE, stat: true, forced: FORCED$1 }, {
+$$7({ target: PROMISE, stat: true, forced: FORCED$1 }, {
   // `Promise.reject` method
   // https://tc39.github.io/ecma262/#sec-promise.reject
   reject: function reject(r) {
@@ -2007,7 +2007,7 @@ $$6({ target: PROMISE, stat: true, forced: FORCED$1 }, {
   }
 });
 
-$$6({ target: PROMISE, stat: true, forced: FORCED$1 }, {
+$$7({ target: PROMISE, stat: true, forced: FORCED$1 }, {
   // `Promise.resolve` method
   // https://tc39.github.io/ecma262/#sec-promise.resolve
   resolve: function resolve(x) {
@@ -2015,7 +2015,7 @@ $$6({ target: PROMISE, stat: true, forced: FORCED$1 }, {
   }
 });
 
-$$6({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {
+$$7({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {
   // `Promise.all` method
   // https://tc39.github.io/ecma262/#sec-promise.all
   all: function all(iterable) {
@@ -2062,7 +2062,7 @@ $$6({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {
   }
 });
 
-var $$5 = _export;
+var $$6 = _export;
 var NativePromise = nativePromiseConstructor;
 var fails$4 = fails$c;
 var getBuiltIn = getBuiltIn$6;
@@ -2077,7 +2077,7 @@ var NON_GENERIC = !!NativePromise && fails$4(function () {
 
 // `Promise.prototype.finally` method
 // https://tc39.github.io/ecma262/#sec-promise.prototype.finally
-$$5({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
+$$6({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
   'finally': function (onFinally) {
     var C = speciesConstructor(this, getBuiltIn('Promise'));
     var isFunction = typeof onFinally == 'function';
@@ -2232,7 +2232,7 @@ function ProtectedRoute(_a) {
       if (routeRule.permissions.length === 0) {
         return;
       } else {
-        const res = FluxoClientSys.Instance.security.user.currentUserHasPermissions(routeRule.permissions);
+        const res = FluxoClientSys.Instance.security.currentUser.hasPermissions(routeRule.permissions);
         if (!res) {
           accessDenied = true;
           requiredPermissions = routeRule.permissions;
@@ -2501,7 +2501,7 @@ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
 
-function toObject$1(val) {
+function toObject$2(val) {
 	if (val === null || val === undefined) {
 		throw new TypeError('Object.assign cannot be called with null or undefined');
 	}
@@ -2555,7 +2555,7 @@ function shouldUseNative() {
 
 var objectAssign$1 = shouldUseNative() ? Object.assign : function (target, source) {
 	var from;
-	var to = toObject$1(target);
+	var to = toObject$2(target);
 	var symbols;
 
 	for (var s = 1; s < arguments.length; s++) {
@@ -3521,6 +3521,16 @@ var IconArrowDown = createReactComponent("arrow-down", "IconArrowDown", [
   ["path", { d: "M6 13l6 6", key: "svg-2" }]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconArrowLeft = createReactComponent("arrow-left", "IconArrowLeft", [
+  ["path", { d: "M5 12l14 0", key: "svg-0" }],
+  ["path", { d: "M5 12l6 6", key: "svg-1" }],
+  ["path", { d: "M5 12l6 -6", key: "svg-2" }]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -3593,6 +3603,30 @@ var IconBug = createReactComponent("bug", "IconBug", [
   ["path", { d: "M20 7l-3.75 2.4", key: "svg-8" }]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconCategory = createReactComponent("category", "IconCategory", [
+  ["path", { d: "M4 4h6v6h-6z", key: "svg-0" }],
+  ["path", { d: "M14 4h6v6h-6z", key: "svg-1" }],
+  ["path", { d: "M4 14h6v6h-6z", key: "svg-2" }],
+  ["path", { d: "M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0", key: "svg-3" }]
+]);
+
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconChartHistogram = createReactComponent("chart-histogram", "IconChartHistogram", [
+  ["path", { d: "M3 3v18h18", key: "svg-0" }],
+  ["path", { d: "M20 18v3", key: "svg-1" }],
+  ["path", { d: "M16 16v5", key: "svg-2" }],
+  ["path", { d: "M12 13v8", key: "svg-3" }],
+  ["path", { d: "M8 16v5", key: "svg-4" }],
+  ["path", { d: "M3 11c6 0 5 -5 9 -5s3 5 9 5", key: "svg-5" }]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -3747,6 +3781,21 @@ var IconEye = createReactComponent("eye", "IconEye", [
   ]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconFileImport = createReactComponent("file-import", "IconFileImport", [
+  ["path", { d: "M14 3v4a1 1 0 0 0 1 1h4", key: "svg-0" }],
+  [
+    "path",
+    {
+      d: "M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3",
+      key: "svg-1"
+    }
+  ]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -3797,6 +3846,22 @@ var IconFolderPlus = createReactComponent("folder-plus", "IconFolderPlus", [
   ["path", { d: "M19 16v6", key: "svg-2" }]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconGridDots = createReactComponent("grid-dots", "IconGridDots", [
+  ["path", { d: "M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }],
+  ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }],
+  ["path", { d: "M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }],
+  ["path", { d: "M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-3" }],
+  ["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-4" }],
+  ["path", { d: "M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-5" }],
+  ["path", { d: "M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-6" }],
+  ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-7" }],
+  ["path", { d: "M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-8" }]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -3873,6 +3938,18 @@ var IconLink = createReactComponent("link", "IconLink", [
   ]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconListSearch = createReactComponent("list-search", "IconListSearch", [
+  ["path", { d: "M15 15m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-0" }],
+  ["path", { d: "M18.5 18.5l2.5 2.5", key: "svg-1" }],
+  ["path", { d: "M4 6h16", key: "svg-2" }],
+  ["path", { d: "M4 12h4", key: "svg-3" }],
+  ["path", { d: "M4 18h4", key: "svg-4" }]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -3957,6 +4034,35 @@ var IconRefresh = createReactComponent("refresh", "IconRefresh", [
   ["path", { d: "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4", key: "svg-1" }]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconReportSearch = createReactComponent("report-search", "IconReportSearch", [
+  [
+    "path",
+    { d: "M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697", key: "svg-0" }
+  ],
+  ["path", { d: "M18 12v-5a2 2 0 0 0 -2 -2h-2", key: "svg-1" }],
+  [
+    "path",
+    {
+      d: "M8 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z",
+      key: "svg-2"
+    }
+  ],
+  ["path", { d: "M8 11h4", key: "svg-3" }],
+  ["path", { d: "M8 15h3", key: "svg-4" }],
+  [
+    "path",
+    {
+      d: "M16.5 17.5m-2.5 0a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0",
+      key: "svg-5"
+    }
+  ],
+  ["path", { d: "M18.5 19.5l2.5 2.5", key: "svg-6" }]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -3982,6 +4088,21 @@ var IconSearch = createReactComponent("search", "IconSearch", [
   ["path", { d: "M21 21l-6 -6", key: "svg-1" }]
 ]);
 
+/**
+ * @tabler/icons-react v2.42.0 - MIT
+ */
+
+var IconSend = createReactComponent("send", "IconSend", [
+  ["path", { d: "M10 14l11 -11", key: "svg-0" }],
+  [
+    "path",
+    {
+      d: "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5",
+      key: "svg-1"
+    }
+  ]
+]);
+
 /**
  * @tabler/icons-react v2.42.0 - MIT
  */
@@ -4186,6 +4307,22 @@ class AppJitManager {
   }
 }
 
+function FrontendSwitch() {
+  const {
+    allowedFrontends
+  } = useAppSelector(a => a.layout);
+  const navigate = useNavigate();
+  return jsx(Fragment, {
+    children: allowedFrontends.length > 1 && jsx(ActionIcon, {
+      children: jsx(IconGridDots, {
+        size: 24,
+        color: '#fff',
+        onClick: () => navigate('frontend-switcher')
+      })
+    })
+  });
+}
+
 function AppBar(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const {
@@ -4299,7 +4436,7 @@ function AppBar(props) {
           children: [developmentMode && jsx(Badge, {
             color: 'red',
             children: "Development mode"
-          }), jitApps && jitApps.length > 0 && jsxs(Fragment, {
+          }), jsx(FrontendSwitch, {}), jitApps && jitApps.length > 0 && jsxs(Fragment, {
             children: [jsx(ActionIcon, {
               variant: 'transparent',
               onClick: () => setJitAppsDrawerOpened(true),
@@ -4459,10 +4596,10 @@ function FooterBar(props) {
           })
         }), jsx(Divider, {
           orientation: 'vertical'
-        }), jsx(Text, {
+        }), jsxs(Text, {
           c: "dimmed",
           fz: "xs",
-          children: "Fluxo \u00A92022"
+          children: [props.brandName, " \u00A9", new Date().getFullYear()]
         }), jsx(Divider, {
           orientation: 'vertical'
         }), jsxs(Text, {
@@ -4494,10 +4631,9 @@ function NavBarItem({
   const theme = useMantineTheme();
   const colorScheme = useMantineColorScheme();
   const ChevronIcon = IconChevronLeft;
-  const userService = new UserService();
   const items = (hasLinks ? links : []).map((link, i) => {
     if (link.hasPermissions) {
-      if (!userService.currentUserHasPermissions(link.permissions)) {
+      if (!FluxoClientSys.Instance.security.currentUser.hasPermissions(link.permissions)) {
         return null;
       }
     }
@@ -4605,6 +4741,41 @@ IconFactory.icons = [{
   element: jsx(IconPlus, {
     size: 18
   })
+}, {
+  value: 'report-search',
+  element: jsx(IconReportSearch, {
+    size: 18
+  })
+}, {
+  value: 'chart-histogram',
+  element: jsx(IconChartHistogram, {
+    size: 18
+  })
+}, {
+  value: 'file-import',
+  element: jsx(IconFileImport, {
+    size: 18
+  })
+}, {
+  value: 'list-search',
+  element: jsx(IconListSearch, {
+    size: 18
+  })
+}, {
+  value: 'users',
+  element: jsx(IconUsers, {
+    size: 18
+  })
+}, {
+  value: 'send',
+  element: jsx(IconSend, {
+    size: 18
+  })
+}, {
+  value: 'category',
+  element: jsx(IconCategory, {
+    size: 18
+  })
 }];
 
 function Navbar() {
@@ -4612,12 +4783,10 @@ function Navbar() {
     navbarOpened,
     appMenu
   } = useSelector(state => state.layout);
-  useMantineTheme();
   const getPermittedNavBarItems = () => {
-    const userService = new UserService();
     return appMenu === null || appMenu === void 0 ? void 0 : appMenu.filter(a => {
       var _a;
-      return !a.hasPermissions || userService.currentUserHasPermissions((_a = a.permissions) !== null && _a !== void 0 ? _a : []);
+      return !a.hasPermissions || FluxoClientSys.Instance.security.currentUser.hasPermissions((_a = a.permissions) !== null && _a !== void 0 ? _a : []);
     });
   };
   return jsx(AppShell.Navbar, {
@@ -4649,7 +4818,7 @@ var fails$3 = fails$c;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject = toObject$3;
+var toObject$1 = toObject$4;
 var IndexedObject = indexedObject;
 
 var nativeAssign = Object.assign;
@@ -4678,7 +4847,7 @@ var objectAssign = !nativeAssign || fails$3(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return nativeAssign({}, A)[symbol] != 7 || objectKeys(nativeAssign({}, B)).join('') != alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars
-  var T = toObject(target);
+  var T = toObject$1(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -4696,12 +4865,12 @@ var objectAssign = !nativeAssign || fails$3(function () {
   } return T;
 } : nativeAssign;
 
-var $$4 = _export;
+var $$5 = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.github.io/ecma262/#sec-object.assign
-$$4({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
+$$5({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -4812,6 +4981,7 @@ function AppLayout(props) {
         })
       }), jsx(AppShell.Footer, {
         children: jsx(FooterBar, {
+          brandName: props.brandName,
           appVersion: props.appVersion
         })
       })]
@@ -4819,7 +4989,7 @@ function AppLayout(props) {
   });
 }
 
-function LoginPage() {
+function LoginPage(props) {
   const {
     loading,
     error
@@ -4847,6 +5017,7 @@ function LoginPage() {
     });
   };
   return jsxs(Grid, {
+    className: 'flxLogin',
     h: '100vh',
     w: '100%',
     m: 0,
@@ -4869,8 +5040,10 @@ function LoginPage() {
       bg: fluxoTheme.colors["brand"][7],
       h: '100vh',
       children: jsx(Center, {
+        className: 'logoContainer',
         h: '100%',
         children: jsx("img", {
+          className: 'logoImg',
           src: configuration.logo,
           style: {
             textAlign: 'center',
@@ -4930,14 +5103,14 @@ function LoginPage() {
                 loading: onLogin,
                 type: "submit",
                 children: "Accedi"
-              }), jsx(Text, {
+              }), jsxs(Text, {
                 c: "dimmed",
                 fz: "xs",
                 style: {
                   textAlign: 'center'
                 },
                 mt: 16,
-                children: "Fluxo \u00A92022"
+                children: [props.brandName, " \u00A9", new Date().getFullYear()]
               })]
             })]
           }), error && jsx(Center, {
@@ -5018,6 +5191,93 @@ function ChangePassword() {
   });
 }
 
+var classof$1 = classofRaw$1;
+
+// `IsArray` abstract operation
+// https://tc39.github.io/ecma262/#sec-isarray
+var isArray$2 = Array.isArray || function isArray(arg) {
+  return classof$1(arg) == 'Array';
+};
+
+var isArray$1 = isArray$2;
+var toLength$1 = toLength$4;
+var bind = functionBindContext;
+
+// `FlattenIntoArray` abstract operation
+// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
+var flattenIntoArray$1 = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {
+  var targetIndex = start;
+  var sourceIndex = 0;
+  var mapFn = mapper ? bind(mapper, thisArg, 3) : false;
+  var element;
+
+  while (sourceIndex < sourceLen) {
+    if (sourceIndex in source) {
+      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
+
+      if (depth > 0 && isArray$1(element)) {
+        targetIndex = flattenIntoArray$1(target, original, element, toLength$1(element.length), targetIndex, depth - 1) - 1;
+      } else {
+        if (targetIndex >= 0x1FFFFFFFFFFFFF) throw TypeError('Exceed the acceptable array length');
+        target[targetIndex] = element;
+      }
+
+      targetIndex++;
+    }
+    sourceIndex++;
+  }
+  return targetIndex;
+};
+
+var flattenIntoArray_1 = flattenIntoArray$1;
+
+var isObject$2 = isObject$b;
+var isArray = isArray$2;
+var wellKnownSymbol$2 = wellKnownSymbol$g;
+
+var SPECIES = wellKnownSymbol$2('species');
+
+// `ArraySpeciesCreate` abstract operation
+// https://tc39.github.io/ecma262/#sec-arrayspeciescreate
+var arraySpeciesCreate$1 = function (originalArray, length) {
+  var C;
+  if (isArray(originalArray)) {
+    C = originalArray.constructor;
+    // cross-realm fallback
+    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;
+    else if (isObject$2(C)) {
+      C = C[SPECIES];
+      if (C === null) C = undefined;
+    }
+  } return new (C === undefined ? Array : C)(length === 0 ? 0 : length);
+};
+
+var $$4 = _export;
+var flattenIntoArray = flattenIntoArray_1;
+var toObject = toObject$4;
+var toLength = toLength$4;
+var toInteger = toInteger$3;
+var arraySpeciesCreate = arraySpeciesCreate$1;
+
+// `Array.prototype.flat` method
+// https://github.com/tc39/proposal-flatMap
+$$4({ target: 'Array', proto: true }, {
+  flat: function flat(/* depthArg = 1 */) {
+    var depthArg = arguments.length ? arguments[0] : undefined;
+    var O = toObject(this);
+    var sourceLen = toLength(O.length);
+    var A = arraySpeciesCreate(O, 0);
+    A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toInteger(depthArg));
+    return A;
+  }
+});
+
+// this method was added to unscopables after implementation
+// in popular engines, so it's moved to a separate module
+var addToUnscopables$1 = addToUnscopables$3;
+
+addToUnscopables$1('flat');
+
 var anObject$1 = anObject$b;
 
 // `RegExp.prototype.flags` getter implementation
@@ -19853,7 +20113,7 @@ var arrayMethodUsesToLength$1 = function (METHOD_NAME, options) {
 
 var $$3 = _export;
 var $includes = arrayIncludes.includes;
-var addToUnscopables = addToUnscopables$2;
+var addToUnscopables = addToUnscopables$3;
 var arrayMethodUsesToLength = arrayMethodUsesToLength$1;
 
 var USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', { ACCESSORS: true, 1: 0 });
@@ -19869,9 +20129,9 @@ $$3({ target: 'Array', proto: true, forced: !USES_TO_LENGTH }, {
 // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var isObject = isObject$a;
+var isObject = isObject$b;
 var classof = classofRaw$1;
-var wellKnownSymbol$1 = wellKnownSymbol$f;
+var wellKnownSymbol$1 = wellKnownSymbol$g;
 
 var MATCH$1 = wellKnownSymbol$1('match');
 
@@ -19890,7 +20150,7 @@ var notARegexp = function (it) {
   } return it;
 };
 
-var wellKnownSymbol = wellKnownSymbol$f;
+var wellKnownSymbol = wellKnownSymbol$g;
 
 var MATCH = wellKnownSymbol('match');
 
@@ -20604,8 +20864,10 @@ function MenuCreateForm(props) {
   const [user, setUser] = useState();
   const [role, setRole] = useState();
   const [name, setName] = useState();
+  const [frontend, setFrontend] = useState('admin');
   const [roles, setRoles] = useState([]);
   const [users, setUsers] = useState([]);
+  const frontends = useAppSelector(state => state.layout.frontends);
   useEffect(() => {
     FluxoClientSys.Instance.security.domainRole.find(999, 0).then(roles => {
       setRoles(roles.results);
@@ -20627,7 +20889,8 @@ function MenuCreateForm(props) {
       name: name,
       domainRoleId: context === '1' ? +role : 0,
       copyItemsFromWebMenuId: 0,
-      userId: context === '2' ? user : undefined
+      userId: context === '2' ? user : undefined,
+      frontend: frontend
     }).then(() => {
       props.onCreated();
       showNotification({
@@ -20651,6 +20914,16 @@ function MenuCreateForm(props) {
       value: name,
       onChange: e => setName(e.currentTarget.value),
       placeholder: 'Ruolo amministrazione'
+    }), jsx(Select, {
+      allowDeselect: false,
+      label: 'Interfaccia',
+      value: frontend,
+      description: 'Seleziona l\'interfaccia in cui il menu sarà visibile',
+      onChange: value => setFrontend(value),
+      data: frontends.map(frontend => ({
+        label: frontend.name,
+        value: frontend.id
+      }))
     }), jsx(Select, {
       allowDeselect: false,
       label: 'Contesto',
@@ -20658,6 +20931,9 @@ function MenuCreateForm(props) {
       description: 'Seleziona il contesto in cui il menu sarà visibile (Ruolo o Utente)',
       onChange: value => setContext(value),
       data: [{
+        label: 'Default',
+        value: '0'
+      }, {
         label: 'Ruolo',
         value: '1'
       }, {
@@ -20697,7 +20973,7 @@ function MenuCreateForm(props) {
   });
 }
 
-function MenuDesigner() {
+function MenuDesigner(props) {
   const [sysFeatures, setSysFeatures] = useState();
   const [currentSelectedFeatures, setCurrentSelectedFeatures] = useState();
   const [currentSelectedFeatureId, setCurrentSelectedFeatureId] = useState();
@@ -20711,12 +20987,31 @@ function MenuDesigner() {
   const [currentWebMenu, setCurrentWebMenu] = useState(undefined);
   const [currentWebMenuLoaded, setCurrentWebMenuLoaded] = useState(false);
   const [showMenuCreateForm, setShowMenuCreateForm] = useState(false);
+  const [showMenuDeleteConfirmation, setShowMenuDeleteConfirmation] = useState(false);
+  const [menuList, setMenuList] = useState([]);
   const [currentAppMenuItemsAreChanged, setCurrentAppMenuItemsAreChanged] = useState(false);
   const handleDrop = newTree => setTreeData(newTree);
   const {
     appMenu
   } = useAppSelector(state => state.layout);
   const navigation = useNavigate();
+  useEffect(() => {
+    const groups = [];
+    const groupDistinct = [...new Set(webMenu.map(item => item.frontend))];
+    groupDistinct.forEach(group => {
+      const groupItems = webMenu.filter(a => a.frontend === group).map(item => {
+        return {
+          value: item.id.toString(),
+          label: `${item.name} (${group})`
+        };
+      });
+      groups.push({
+        group: group,
+        items: groupItems
+      });
+    });
+    setMenuList(groups);
+  }, [webMenu]);
   useEffect(() => {
     //const result = generateMenuObjectFromMenu((appMenu as AppMenuItem[]));
     //setTreeData(result);
@@ -20889,6 +21184,32 @@ function MenuDesigner() {
       setCurrentAppMenuItemsAreChanged(false);
     });
   };
+  const isModuleAttachedToFrontend = (module, frontend) => {
+    const shellFrontend = props.frontends.find(a => a.id === (currentWebMenu === null || currentWebMenu === void 0 ? void 0 : currentWebMenu.frontend));
+    if ((shellFrontend === null || shellFrontend === void 0 ? void 0 : shellFrontend.modules.filter(a => a.scope === module.key).length) === 0) return false;
+    return true;
+  };
+  const deleteWebMenu = webMenuId => {
+    FluxoClientSys.Instance.configuration.deleteWebMenu(webMenuId).then(() => {
+      showNotification({
+        title: 'Menu eliminato',
+        message: 'Il menu è stato eliminato con successo',
+        color: 'green',
+        autoClose: 5000
+      });
+      setShowMenuDeleteConfirmation(false);
+      loadAppMenuList();
+      setCurrentWebMenu(undefined);
+    }).catch(() => {
+      setShowMenuDeleteConfirmation(false);
+      showNotification({
+        title: 'Errore',
+        message: 'Si è verificato un errore durante l\'eliminazione del menu',
+        color: 'red',
+        autoClose: 5000
+      });
+    });
+  };
   return jsxs(Stack, {
     gap: 8,
     children: [jsx(DataCard, {
@@ -20902,12 +21223,7 @@ function MenuDesigner() {
             children: jsx(Select, {
               allowDeselect: false,
               value: currentWebMenu === null || currentWebMenu === void 0 ? void 0 : currentWebMenu.id.toString(),
-              data: webMenu === null || webMenu === void 0 ? void 0 : webMenu.map(a => {
-                return {
-                  label: a.name,
-                  value: a.id.toString()
-                };
-              }),
+              data: menuList,
               onChange: v => {
                 const tmp = webMenu === null || webMenu === void 0 ? void 0 : webMenu.filter(a => a.id.toString() === v)[0];
                 setCurrentWebMenu(tmp);
@@ -20969,7 +21285,7 @@ function MenuDesigner() {
                   setFeatureSearchValue(undefined);
                 },
                 leftSection: jsx(IconBoxModel, {}),
-                data: sysFeatures === null || sysFeatures === void 0 ? void 0 : sysFeatures.modules.map(e => {
+                data: sysFeatures === null || sysFeatures === void 0 ? void 0 : sysFeatures.modules.filter(a => isModuleAttachedToFrontend(a, currentWebMenu.frontend)).map(e => {
                   return {
                     value: `${e.key}.${e.name}`,
                     label: `${e.description} (${e.name})`
@@ -21103,7 +21419,7 @@ function MenuDesigner() {
             children: [jsx(Button, {
               color: 'red',
               disabled: currentWebMenu.contextType == AppMenuContextType.Default,
-              onClick: () => navigation(0),
+              onClick: () => setShowMenuDeleteConfirmation(true),
               variant: 'outline',
               children: "Elimina"
             }), jsx(Button, {
@@ -21113,6 +21429,12 @@ function MenuDesigner() {
           })]
         })
       })]
+    }), currentWebMenu && jsx(ConfirmModal, {
+      title: 'Eliminazione menu',
+      messageText: `Sei sicuro di voler eliminare il menu ${currentWebMenu.name}`,
+      open: showMenuDeleteConfirmation,
+      onButtonCancelClick: () => setShowMenuDeleteConfirmation(false),
+      onButtonConfirmClick: () => deleteWebMenu(currentWebMenu.id)
     }), jsx(Modal, {
       centered: true,
       title: 'Aggiungi menu',
@@ -28282,6 +28604,7 @@ function DomainRoleGrid() {
       children: [jsx(Table.Thead, {
         children: jsxs(Table.Tr, {
           children: [jsx(Table.Th, {
+            w: 80,
             children: "Id"
           }), jsx(Table.Th, {
             children: "Identificatore"
@@ -28290,22 +28613,28 @@ function DomainRoleGrid() {
           }), jsx(Table.Th, {
             children: "Descrizione"
           }), jsx(Table.Th, {
+            w: 100,
             children: "Permessi"
-          }), jsx(Table.Th, {})]
+          }), jsx(Table.Th, {
+            w: 100
+          })]
         })
-      }), jsx("tbody", {
+      }), jsx(Table.Tbody, {
         children: domainRoles.map((element, i) => jsxs(Table.Tr, {
-          children: [jsx("td", {
+          children: [jsx(Table.Td, {
+            w: 80,
             children: element.id
-          }), jsx("td", {
+          }), jsx(Table.Td, {
             children: element.identifier
-          }), jsx("td", {
+          }), jsx(Table.Td, {
             children: element.name
-          }), jsx("td", {
+          }), jsx(Table.Td, {
             children: element.description
-          }), jsx("td", {
+          }), jsx(Table.Td, {
+            w: 100,
             children: element.permissionCount
           }), jsx(Table.Td, {
+            w: 100,
             align: "right",
             children: jsxs(Menu, {
               shadow: "md",
@@ -28445,7 +28774,6 @@ $({ global: true, forced: parseInt != parseIntImplementation }, {
 
 function UserForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-  const userService = new UserService();
   const roles = [{
     value: 'administrator',
     label: 'Amministratore'
@@ -28487,7 +28815,7 @@ function UserForm(props) {
       assignToRoles: value.assignToRoles,
       assignToDomainRoles: value.assignToDomainRoles.map(a => parseInt(a))
     };
-    (props.user ? userService.updateUser(props.user.id, newUser) : userService.createUser(newUser)).then(res => {
+    (props.user ? FluxoClientSys.Instance.security.user.updateUser(props.user.id, newUser) : FluxoClientSys.Instance.security.user.createUser(newUser)).then(res => {
       if (res.success) {
         showNotification({
           title: 'Operazione completata',
@@ -29201,7 +29529,9 @@ function Settings(props) {
       case 'ui':
         return jsx(Ui, {});
       case 'menu':
-        return jsx(MenuDesigner, {});
+        return jsx(MenuDesigner, {
+          frontends: props.frontends
+        });
       case 'tokens':
         return jsx(Tokens, {});
       case 'users':
@@ -29224,7 +29554,7 @@ function Settings(props) {
       case 'plugin':
         return jsx(AppsList, {
           pluginEndpoint: props.pluginEndpoint,
-          modules: props.modules
+          modules: props.frontends.map(f => f.modules).flat()
         });
       default:
         return jsx(ErrorPage$1, {});
@@ -29249,22 +29579,23 @@ function MainRoutes(props) {
   }) => ({
     default: KorebiIde
   })));
-  new UserService();
   return jsxs(FlxRoutes, {
-    children: [jsx(Route, {
-      path: 'settings',
-      element: jsx(Settings, {
-        pluginEndpoint: props.pluginEndpoint,
-        modules: props.modules
-      })
+    children: [props.isAdminFrontend && jsxs(Fragment, {
+      children: [jsx(Route, {
+        path: 'settings',
+        element: jsx(Settings, {
+          pluginEndpoint: props.pluginEndpoint,
+          frontends: props.frontends
+        })
+      }), jsx(Route, {
+        path: 'korebi-ide',
+        element: jsx(Suspense, {
+          children: jsx(KIde, {})
+        })
+      })]
     }), jsx(Route, {
       path: 'change-password',
       element: jsx(ChangePassword, {})
-    }), jsx(Route, {
-      path: 'korebi-ide',
-      element: jsx(Suspense, {
-        children: jsx(KIde, {})
-      })
     })]
   });
 }
@@ -29285,6 +29616,7 @@ function ForgotPassword() {
     }
   };
   return jsxs(Grid, {
+    className: 'flxLogin',
     h: '100vh',
     w: '100%',
     m: 0,
@@ -29296,12 +29628,21 @@ function ForgotPassword() {
       }
     },
     children: [jsx(Grid.Col, {
-      span: 8,
+      span: {
+        base: 8,
+        xs: 0,
+        sm: 0,
+        md: 6,
+        lg: 8,
+        xl: 8
+      },
       bg: fluxoTheme.colors["brand"][7],
       h: '100vh',
       children: jsx(Center, {
+        className: 'logoContainer',
         h: '100%',
         children: jsx("img", {
+          className: 'logoImg',
           src: configuration.logo,
           style: {
             textAlign: 'center',
@@ -29599,12 +29940,93 @@ var it = {exports: {}};
 !function(e,o){module.exports=o(dayjs_min.exports);}(commonjsGlobal,(function(e){function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e),n={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function(e){return e+"º"}};return t.default.locale(n,null,!0),n}));
 }(it));
 
+var classes = {"box":"frontend-switcher-module_box__uas-n"};
+
+function FrontendSwitcher(props) {
+  const {
+    frontends,
+    currentFrontend,
+    allowedFrontends
+  } = useAppSelector(a => a.layout);
+  const [loading, setLoading] = React__default.useState(false);
+  const navigateTo = useNavigate();
+  return jsx(Center, {
+    h: '100vh',
+    children: loading ? jsx(Center, {
+      w: '100vw',
+      h: '100vh',
+      children: jsx(Loader, {
+        size: 48
+      })
+    }) : jsxs(Stack, {
+      gap: 64,
+      align: 'center',
+      children: [jsx(Text, {
+        size: 'xl',
+        style: {
+          textAlign: 'center'
+        },
+        children: "Scegli l'applicazione"
+      }), jsx(Group, {
+        wrap: 'wrap',
+        children: allowedFrontends.map(f => {
+          return jsx(Box, {
+            className: classes["box"],
+            onClick: () => {
+              setLoading(true);
+              FluxoClientSys.Instance.configuration.setLastFrontend(f).then(() => {
+                window.location.href = `/`;
+              }).catch(err => {
+                showNotification({
+                  title: 'Errore',
+                  message: 'Errore durante il cambio di applicazione',
+                  color: 'red',
+                  autoClose: 5000
+                });
+              });
+            },
+            w: 180,
+            h: 180,
+            style: {
+              border: '1px solid #ececec',
+              cursor: 'pointer'
+            },
+            children: jsx(Center, {
+              w: 180,
+              h: 180,
+              children: jsxs(Stack, {
+                justify: 'center',
+                align: 'center',
+                children: [jsx(IconApps, {
+                  size: 48
+                }), jsx(Text, {
+                  size: 'lg',
+                  children: frontends.filter(a => a.id === f)[0].name
+                })]
+              })
+            })
+          });
+        })
+      }), jsx(Button, {
+        leftSection: jsx(IconArrowLeft, {
+          size: 18
+        }),
+        variant: 'transparent',
+        onClick: () => {
+          navigateTo(-1);
+        },
+        children: "Indietro"
+      })]
+    })
+  });
+}
+
 function FluxoShell(props) {
   const [initialOperationsFinished, setInitialOperationsFinished] = useState(false);
   const [router, setRouter] = useState();
   const [brandColors, setBrandColors] = useState(["#e9f4ff", "#c2d8ef", "#9bbae1", "#749ad6", "#4d7aca", "#355db2", "#29458a", "#1d2e63", "#101b3d", "#030a18"]);
-  const generateRoutesFromEmbeddedModules = () => {
-    const embeddedModules = [...props.modules, reportsModule, workflowModule];
+  const generateRoutesFromEmbeddedModules = frontend => {
+    const embeddedModules = [...frontend.modules, reportsModule, workflowModule];
     const rObjs = [];
     embeddedModules.forEach(eModule => {
       rObjs.push({
@@ -29614,7 +30036,9 @@ function FluxoShell(props) {
     });
     return rObjs;
   };
-  const generateRoutesFromJitApps = () => {
+  const generateRoutesFromJitApps = frontend => {
+    // todo: for now we don't support jit apps in alternative frontends
+    if (frontend.renderWhen) return [];
     const jitAppManager = new AppJitManager();
     const jitApps = jitAppManager.loadAppConfigurations();
     const rObjs = [];
@@ -29660,7 +30084,9 @@ function FluxoShell(props) {
     FluxoStateDispatcher.dispatchSetJitAppsFeatures(jitAppsFeatures);
     return rObjs;
   };
-  const generateRoutesFromDeployedApps = apps => {
+  const generateRoutesFromDeployedApps = (frontend, apps) => {
+    // todo: for now we don't support apps in alternative frontends
+    if (frontend.renderWhen) return [];
     const rObjs = [];
     apps.map(app => {
       rObjs.push({
@@ -29678,6 +30104,7 @@ function FluxoShell(props) {
     return rObjs;
   };
   const generateAuthRoutes = () => {
+    var _a;
     return {
       path: "/auth",
       element: jsx(OnlyNotLoggedRoute, {
@@ -29685,7 +30112,9 @@ function FluxoShell(props) {
       }),
       children: [{
         path: "login",
-        element: jsx(LoginPage, {})
+        element: jsx(LoginPage, {
+          brandName: (_a = props.brandName) !== null && _a !== void 0 ? _a : 'Fluxo'
+        })
       }, {
         path: "forgot-password",
         element: jsx(ForgotPassword, {})
@@ -29698,41 +30127,85 @@ function FluxoShell(props) {
       }]
     };
   };
+  const checkFrontendSetup = frontends => {
+    const getAdminFrontend = frontends.find(f => f.id === 'admin');
+    if (!getAdminFrontend) {
+      throw new Error('Admin frontend is required');
+    }
+    if (getAdminFrontend.renderWhen !== undefined) {
+      throw new Error('Admin frontend cannot have a renderWhen function');
+    }
+  };
   useEffect(() => {
-    FluxoClientSys.Instance.configuration.getInitialConfiguration().then(res => {
-      FluxoStateDispatcher.dispatchSetConfiguration(res.ui);
-      FluxoStateDispatcher.dispatchSetAppMenu(res.menu);
-      FluxoStateDispatcher.dispatchSetSysFeatures(res.features);
-      FluxoStateDispatcher.dispatchSetUserPermissions(res.permissions.map(a => a.fullIdentifier));
-      FluxoStateDispatcher.dispatchSetRouteRules(res.routeRules);
-      const rObjs = [generateAuthRoutes(), {
-        element: jsx(ProtectedRoute, {
-          children: jsx(AppLayout, {
+    // Start the client initialization
+    props.clientInitialization().then(() => {
+      // Check if the frontend setup is correct
+      checkFrontendSetup(props.frontends);
+      // Get the initial configuration
+      FluxoClientSys.Instance.configuration.getInitialConfiguration().then(res => {
+        // Get the frontend to render
+        let frontendByRender = props.frontends.find(f => f.id === res.currentFrontend);
+        // If no frontend to render is found, get the default one
+        if (!frontendByRender) {
+          frontendByRender = props.frontends[0];
+        }
+        // Create the Layout component based on the frontend to render
+        // if no layout is provided, use the default one
+        const FrontendLayout = () => {
+          var _a, _b;
+          return (_a = frontendByRender === null || frontendByRender === void 0 ? void 0 : frontendByRender.layout) !== null && _a !== void 0 ? _a : jsx(AppLayout, {
+            brandName: (_b = props.brandName) !== null && _b !== void 0 ? _b : 'Fluxo',
             appVersion: props.appVersion
+          });
+        };
+        // Set the frontend to render
+        const flxFrontend = frontendByRender;
+        // Write the initial configuration to the state
+        FluxoStateDispatcher.dispatchSetConfiguration(res.ui);
+        FluxoStateDispatcher.dispatchSetAppMenu(res.menu);
+        FluxoStateDispatcher.dispatchSetSysFeatures(res.features);
+        FluxoStateDispatcher.dispatchSetUserPermissions(res.permissions.map(a => a.fullIdentifier));
+        FluxoStateDispatcher.dispatchSetUserDomainRoles(res.domainRoles);
+        FluxoStateDispatcher.dispatchSetRouteRules(res.routeRules);
+        FluxoStateDispatcher.dispatchSetFrontends(props.frontends.map(a => ({
+          id: a.id,
+          name: a.name
+        })));
+        FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
+        FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);
+        const rObjs = [generateAuthRoutes(), {
+          path: 'frontend-switcher',
+          element: jsx(ProtectedRoute, {
+            children: jsx(FrontendSwitcher, {})
           })
-        }),
-        errorElement: jsx(ErrorPage, {}),
-        children: [{
-          index: true,
-          element: props.dashboardComponent
         }, {
-          path: '/*',
-          element: jsx(MainRoutes, {
-            pluginEndpoint: props.pluginEndpoint,
-            modules: props.modules
-          })
-        }, ...generateRoutesFromEmbeddedModules(), ...generateRoutesFromDeployedApps(res.apps), ...generateRoutesFromJitApps()]
-      }, {
-        path: '*',
-        element: jsx(ErrorPage, {})
-      }];
-      const router1 = createBrowserRouter(rObjs, {
-        basename: '/'
+          element: jsx(ProtectedRoute, {
+            children: jsx(FrontendLayout, {})
+          }),
+          errorElement: jsx(ErrorPage, {}),
+          children: [{
+            index: true,
+            element: flxFrontend.dashboardComponent
+          }, {
+            path: '/*',
+            element: jsx(MainRoutes, {
+              isAdminFrontend: flxFrontend.id === 'admin',
+              pluginEndpoint: props.pluginEndpoint,
+              frontends: props.frontends
+            })
+          }, ...generateRoutesFromEmbeddedModules(flxFrontend), ...generateRoutesFromDeployedApps(flxFrontend, res.apps), ...generateRoutesFromJitApps(flxFrontend)]
+        }, {
+          path: '*',
+          element: jsx(ErrorPage, {})
+        }];
+        const router1 = createBrowserRouter(rObjs, {
+          basename: '/'
+        });
+        setRouter(router1);
+        setBrandColors(res.ui.colors);
+      }).finally(() => {
+        setInitialOperationsFinished(true);
       });
-      setRouter(router1);
-      setBrandColors(res.ui.colors);
-    }).finally(() => {
-      setInitialOperationsFinished(true);
     });
   }, []);
   return jsx(MantineProvider, {
@@ -29894,4 +30367,4 @@ function AppInner(props) {
   });
 }
 
-export { FluxoShell };
+export { FluxoShell, FrontendSwitch };