@fluxo-dev/shell 25.3.5 → 25.3.7

package/index.esm.js

@@ -5,7 +5,7 @@ import { useSelector, connect, Provider } from 'react-redux';
 import { Navigate, Outlet, useNavigate, useLocation, Link, useOutlet, matchPath, Route, useSearchParams, createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { useFlxNavigate, DataCard, SessionIdContext, TabActiveContext, IconFactory, ShellConfigProvider, useShellLayout, ShellPage, NoData, ConfirmModal, CronGenerator, Datagrid, RichTextEditorInput, ErrorPage as ErrorPage$1, FlxRoutes, WaitData } from '@fluxo-dev/ui-components';
 import { ModuleLoader } from '@fluxo-dev/shell-mfe';
-import { Text, Box, TextInput, ActionIcon, useMantineTheme, AppShell, Stack, Group, Burger, Badge, Drawer, NavLink, Popover, Avatar, Center, Button, Divider, Modal, FocusTrap, Tabs, ScrollArea, ThemeIcon, Tooltip, Anchor, Space, useMantineColorScheme, UnstyledButton, Collapse, Menu, rem, Loader, Overlay, Grid, PasswordInput, Paper, Alert, Title, Card, ColorSwatch, FileButton, NumberInput, ColorInput, Checkbox, Switch, Select, Radio, LoadingOverlay, Chip, Image as Image$1, Table, SegmentedControl, MultiSelect, Code, Portal, useDirection, px as px$1, parseThemeColor, rgba as rgba$1, Breadcrumbs, TagsInput, Textarea, Accordion, useCombobox, Combobox, InputBase, Slider, MantineProvider } from '@mantine/core';
+import { Text, Box, TextInput, Popover, Stack, UnstyledButton, Group, Highlight, ActionIcon, useMantineTheme, AppShell, Burger, Badge, Drawer, NavLink, Avatar, Center, Button, Divider, Modal, FocusTrap, Tabs, ScrollArea, ThemeIcon, Tooltip, Anchor, Space, useMantineColorScheme, Collapse, Menu, rem, Loader, Overlay, Grid, PasswordInput, Paper, Alert, Title, Card, ColorSwatch, FileButton, NumberInput, ColorInput, Checkbox, Switch, Select, Radio, LoadingOverlay, Chip, Image as Image$1, Table, SegmentedControl, MultiSelect, Code, Portal, useDirection, px as px$1, parseThemeColor, rgba as rgba$1, Breadcrumbs, TagsInput, Textarea, Accordion, useCombobox, Combobox, InputBase, Slider, MantineProvider } from '@mantine/core';
 import { MinimalStateViewer, RavifyProvider, JobsViewer } from '@fluxo-dev/shell-ravify';
 import { useAppSelector, store as store$4 } from '@fluxo-dev/state';
 import { useHotkeys, useOs, useMediaQuery, useDocumentTitle, useIdle, useWindowEvent, useResizeObserver, useTimeout, useDisclosure } from '@mantine/hooks';
@@ -10950,6 +10950,152 @@ function ShellSessionProvider(props) {
   });
 }
 
+// `SameValue` abstract operation
+// https://tc39.es/ecma262/#sec-samevalue
+// eslint-disable-next-line es/no-object-is -- safe
+var sameValue$1 = Object.is || function is(x, y) {
+  // eslint-disable-next-line no-self-compare -- NaN check
+  return x === y ? x !== 0 || 1 / x === 1 / y : x !== x && y !== y;
+};
+
+var call$5 = functionCall;
+var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
+var anObject$7 = anObject$r;
+var isNullOrUndefined$1 = isNullOrUndefined$7;
+var requireObjectCoercible$5 = requireObjectCoercible$c;
+var sameValue = sameValue$1;
+var toString$8 = toString$j;
+var getMethod$1 = getMethod$7;
+var regExpExec$1 = regexpExecAbstract;
+
+// @@search logic
+fixRegExpWellKnownSymbolLogic$1('search', function (SEARCH, nativeSearch, maybeCallNative) {
+  return [
+    // `String.prototype.search` method
+    // https://tc39.es/ecma262/#sec-string.prototype.search
+    function search(regexp) {
+      var O = requireObjectCoercible$5(this);
+      var searcher = isNullOrUndefined$1(regexp) ? undefined : getMethod$1(regexp, SEARCH);
+      return searcher ? call$5(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString$8(O));
+    },
+    // `RegExp.prototype[@@search]` method
+    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
+    function (string) {
+      var rx = anObject$7(this);
+      var S = toString$8(string);
+      var res = maybeCallNative(nativeSearch, rx, S);
+
+      if (res.done) return res.value;
+
+      var previousLastIndex = rx.lastIndex;
+      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
+      var result = regExpExec$1(rx, S);
+      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
+      return result === null ? -1 : result.index;
+    }
+  ];
+});
+
+var $$m = _export;
+var $includes = arrayIncludes.includes;
+var fails$6 = fails$v;
+var addToUnscopables$1 = addToUnscopables$3;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$6(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$m({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables$1('includes');
+
+var $$l = _export;
+var uncurryThis$7 = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible$4 = requireObjectCoercible$c;
+var toString$7 = toString$j;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis$7(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$l({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString$7(requireObjectCoercible$4(this)),
+      toString$7(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+// a string of all valid unicode whitespaces
+var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+var uncurryThis$6 = functionUncurryThis;
+var requireObjectCoercible$3 = requireObjectCoercible$c;
+var toString$6 = toString$j;
+var whitespaces$2 = whitespaces$3;
+
+var replace = uncurryThis$6(''.replace);
+var ltrim = RegExp('^[' + whitespaces$2 + ']+');
+var rtrim = RegExp('(^|[^' + whitespaces$2 + '])[' + whitespaces$2 + ']+$');
+
+// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+var createMethod$2 = function (TYPE) {
+  return function ($this) {
+    var string = toString$6(requireObjectCoercible$3($this));
+    if (TYPE & 1) string = replace(string, ltrim, '');
+    if (TYPE & 2) string = replace(string, rtrim, '$1');
+    return string;
+  };
+};
+
+var stringTrim = {
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod$2(3)
+};
+
+var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
+var fails$5 = fails$v;
+var whitespaces$1 = whitespaces$3;
+
+var non = '\u200B\u0085\u180E';
+
+// check that a method works with the correct list
+// of whitespaces and has a correct name
+var stringTrimForced = function (METHOD_NAME) {
+  return fails$5(function () {
+    return !!whitespaces$1[METHOD_NAME]()
+      || non[METHOD_NAME]() !== non
+      || (PROPER_FUNCTION_NAME$1 && whitespaces$1[METHOD_NAME].name !== METHOD_NAME);
+  });
+};
+
+var $$k = _export;
+var $trim = stringTrim.trim;
+var forcedStringTrimMethod = stringTrimForced;
+
+// `String.prototype.trim` method
+// https://tc39.es/ecma262/#sec-string.prototype.trim
+$$k({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+  trim: function trim() {
+    return $trim(this);
+  }
+});
+
 /**
  * @license @tabler/icons-react v3.36.0 - MIT
  *
@@ -12138,9 +12284,148 @@ const IconX = createReactComponent("outline", "x", "X", __iconNode$1);
 const __iconNode = [["path", { "d": "M7 3.34a10 10 0 1 1 -4.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 4.995 -8.336z", "key": "svg-0" }]];
 const IconCircleFilled = createReactComponent("filled", "circle-filled", "CircleFilled", __iconNode);
 
+class AppMenuService {
+  getSpotlightMenu(menu, parentPath) {
+    return __awaiter(this, void 0, void 0, function* () {
+      const result = [];
+      const currentGroup = {
+        group: parentPath !== null && parentPath !== void 0 ? parentPath : 'Generale',
+        actions: []
+      };
+      menu.forEach(m => {
+        var _a;
+        if (m.hasIndex) {
+          currentGroup.actions.push({
+            label: m.label,
+            description: parentPath ? `${parentPath} → ${m.label}` : m.label,
+            id: ((_a = m.routerLink) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith('http')) ? m.routerLink : '/' + m.routerLink
+          });
+        }
+        if (m.children && m.children.length > 0) {
+          // Costruisce il percorso completo includendo il livello corrente
+          const childPath = parentPath ? `${parentPath} → ${m.label}` : m.label;
+          this.getSpotlightMenu(m.children, childPath).then(res => {
+            result.push(...res);
+          });
+        }
+      });
+      // Aggiunge il gruppo corrente solo se ha almeno una action
+      if (currentGroup.actions.length > 0) {
+        result.push(currentGroup);
+      }
+      return Promise.resolve(result);
+    });
+  }
+}
+
 function SearchBar(props) {
+  var _a, _b, _c, _d;
   const currentOs = useOs();
-  const rightSection = jsx("div", {
+  const [searchQuery, setSearchQuery] = useState('');
+  const [dropdownOpened, setDropdownOpened] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const navigate = useNavigate();
+  const {
+    appMenu
+  } = useSelector(state => state.layout);
+  const inputRef = useRef(null);
+  const [allGroups, setAllGroups] = useState([]);
+  const searchType = (_b = (_a = props.shellUi.search) === null || _a === void 0 ? void 0 : _a.searchType) !== null && _b !== void 0 ? _b : ShellUISearchType.Spotlight;
+  const searchPosition = (_d = (_c = props.shellUi.search) === null || _c === void 0 ? void 0 : _c.searchPosition) !== null && _d !== void 0 ? _d : ShellUISearchPosition.Left;
+  const isCenterPosition = searchPosition === ShellUISearchPosition.Center;
+  // Dimensioni diverse in base alla posizione
+  const searchWidth = isCenterPosition ? 800 : 280;
+  const searchSize = isCenterPosition ? 'sm' : 'sm';
+  const iconSize = isCenterPosition ? 18 : 18;
+  // Carica le actions dal menu come fa lo Spotlight, mantenendo i gruppi
+  useEffect(() => {
+    const appMenuService = new AppMenuService();
+    if (appMenu) {
+      appMenuService.getSpotlightMenu(appMenu).then(res => {
+        setAllGroups(res);
+      });
+    }
+  }, [appMenu]);
+  // Gestione shortcut Cmd/Ctrl + K
+  useEffect(() => {
+    const handleKeyDown = event => {
+      var _a;
+      if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        if (props.disabled) return;
+        if (searchType === ShellUISearchType.Spotlight) {
+          // Apre spotlight
+          openSpotlight();
+        } else {
+          // Mette focus sull'input per il dropdown
+          (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          setDropdownOpened(true);
+        }
+      }
+    };
+    // Usa capture: true per intercettare l'evento prima dello spotlight
+    window.addEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+    return () => window.removeEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, [searchType, props.disabled]);
+  // Filtra i risultati in base alla query, mantenendo la struttura a gruppi
+  const filteredGroups = searchQuery.trim() ? allGroups.map(group => Object.assign(Object.assign({}, group), {
+    actions: group.actions.filter(action => {
+      var _a, _b;
+      return ((_a = action.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) || ((_b = action.description) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase()));
+    })
+  })).filter(group => group.actions.length > 0) // Rimuove gruppi senza risultati
+  : allGroups.slice(0, 5); // Mostra i primi 5 gruppi quando non c'è query
+  // Appiattisce tutti i risultati in un array per la navigazione
+  const flatResults = [];
+  filteredGroups.forEach(group => {
+    flatResults.push(...group.actions);
+  });
+  // Gestione navigazione da tastiera
+  const handleKeyDown = e => {
+    var _a;
+    if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      setSelectedIndex(prev => prev < flatResults.length - 1 ? prev + 1 : prev);
+    } else if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      setSelectedIndex(prev => prev > 0 ? prev - 1 : -1);
+    } else if (e.key === 'Enter') {
+      e.preventDefault();
+      if (selectedIndex >= 0 && flatResults[selectedIndex]) {
+        handleSelectAction(flatResults[selectedIndex]);
+      }
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      setSearchQuery('');
+      setSelectedIndex(-1);
+      setDropdownOpened(false);
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+  };
+  // Reset selected index quando cambia la query
+  useEffect(() => {
+    setSelectedIndex(-1);
+  }, [searchQuery]);
+  const handleSelectAction = action => {
+    if (action.id.toLowerCase().startsWith('http')) {
+      window.open(action.id, '_blank');
+    } else {
+      navigate(action.id, {
+        state: {
+          title: action.label
+        }
+      });
+    }
+    setDropdownOpened(false);
+    setSearchQuery('');
+  };
+  const rightSection = !isCenterPosition ? jsx("div", {
     style: {
       display: 'flex',
       alignItems: 'center'
@@ -12165,29 +12450,212 @@ function SearchBar(props) {
         children: "+"
       }), "K"]
     })
-  });
+  }) : null;
+  // Spotlight Type (originale)
+  if (searchType === ShellUISearchType.Spotlight) {
+    return jsx(Box, {
+      visibleFrom: 'sm',
+      children: jsx(TextInput, {
+        disabled: props.disabled,
+        size: searchSize,
+        placeholder: isCenterPosition ? "Cerca funzionalità, moduli..." : "Cerca...",
+        onClick: () => props.disabled ? undefined : openSpotlight(),
+        leftSection: jsx(IconSearch, {
+          size: iconSize
+        }),
+        rightSectionWidth: isCenterPosition ? 0 : 90,
+        w: searchWidth,
+        rightSection: rightSection,
+        styles: {
+          input: {
+            cursor: 'pointer',
+            borderRadius: isCenterPosition ? 8 : 4,
+            backgroundColor: isCenterPosition ? 'rgba(255, 255, 255, 0.95)' : undefined,
+            border: isCenterPosition ? '1px solid rgba(255, 255, 255, 0.2)' : undefined,
+            boxShadow: isCenterPosition ? '0 1px 3px rgba(0, 0, 0, 0.1)' : undefined,
+            paddingLeft: isCenterPosition ? 44 : undefined,
+            paddingRight: isCenterPosition ? 16 : undefined,
+            opacity: isCenterPosition ? 0.8 : undefined,
+            '&:hover': isCenterPosition ? {
+              opacity: 0.9
+            } : undefined,
+            '&:focus': isCenterPosition ? {
+              boxShadow: '0 1px 4px rgba(0, 0, 0, 0.15)',
+              borderColor: 'rgba(255, 255, 255, 0.3)',
+              opacity: 1
+            } : undefined
+          },
+          section: {
+            pointerEvents: 'none'
+          }
+        }
+      })
+    });
+  }
+  // Dropdown Type (nuovo)
   return jsx(Box, {
     visibleFrom: 'sm',
-    children: jsx(TextInput, {
-      disabled: props.disabled,
-      size: 'xs',
-      placeholder: "Cerca...",
-      onClick: () => props.disabled ? undefined : openSpotlight(),
-      leftSection: jsx(IconSearch, {
-        size: 16
-      }),
-      rightSectionWidth: 90,
-      width: 150,
-      rightSection: rightSection,
-      styles: {
-        input: {
-          cursor: 'pointer',
-          borderRadius: 4
+    children: jsxs(Popover, {
+      opened: dropdownOpened,
+      onChange: setDropdownOpened,
+      width: "target",
+      position: "bottom-start",
+      shadow: "md",
+      offset: 8,
+      withinPortal: true,
+      children: [jsx(Popover.Target, {
+        children: jsx(TextInput, {
+          ref: inputRef,
+          disabled: props.disabled,
+          size: searchSize,
+          placeholder: isCenterPosition ? "Cerca funzionalità, moduli..." : "Cerca...",
+          value: searchQuery,
+          onChange: e => {
+            setSearchQuery(e.currentTarget.value);
+            setDropdownOpened(true);
+          },
+          onFocus: () => setDropdownOpened(true),
+          onKeyDown: handleKeyDown,
+          leftSection: jsx(IconSearch, {
+            size: iconSize
+          }),
+          rightSectionWidth: isCenterPosition ? 0 : 90,
+          w: searchWidth,
+          rightSection: rightSection,
+          styles: {
+            input: {
+              borderRadius: isCenterPosition ? 8 : 4,
+              backgroundColor: isCenterPosition ? 'rgba(255, 255, 255, 0.95)' : undefined,
+              border: isCenterPosition ? '1px solid rgba(255, 255, 255, 0.2)' : undefined,
+              boxShadow: isCenterPosition ? '0 1px 3px rgba(0, 0, 0, 0.1)' : undefined,
+              paddingLeft: isCenterPosition ? 44 : undefined,
+              paddingRight: isCenterPosition ? 16 : undefined,
+              opacity: isCenterPosition ? 0.8 : undefined,
+              '&:hover': isCenterPosition ? {
+                opacity: 0.9
+              } : undefined,
+              '&:focus': isCenterPosition ? {
+                boxShadow: '0 1px 4px rgba(0, 0, 0, 0.15)',
+                borderColor: 'rgba(255, 255, 255, 0.3)',
+                opacity: 1
+              } : undefined
+            },
+            section: {
+              pointerEvents: 'none'
+            }
+          }
+        })
+      }), jsx(Popover.Dropdown, {
+        p: 0,
+        style: {
+          borderRadius: isCenterPosition ? 8 : 6,
+          border: '1px solid #e9ecef',
+          overflow: 'hidden',
+          maxHeight: '400px',
+          overflowY: 'auto'
         },
-        section: {
-          pointerEvents: 'none'
-        }
-      }
+        children: jsx(Stack, {
+          gap: 0,
+          children: filteredGroups.length > 0 ? (() => {
+            let globalIndex = 0;
+            const items = [];
+            filteredGroups.forEach((group, groupIndex) => {
+              // Aggiungi intestazione gruppo
+              items.push(jsx(Box, {
+                px: isCenterPosition ? 18 : 14,
+                py: 8,
+                style: {
+                  backgroundColor: '#f8f9fa',
+                  borderBottom: '1px solid #e9ecef'
+                },
+                children: jsx(Text, {
+                  size: "xs",
+                  fw: 600,
+                  c: "dimmed",
+                  tt: "uppercase",
+                  style: {
+                    letterSpacing: '0.5px'
+                  },
+                  children: group.group
+                })
+              }, `header-${groupIndex}`));
+              // Aggiungi tutti gli item del gruppo in sequenza verticale
+              group.actions.forEach((action, actionIndex) => {
+                const currentIndex = globalIndex++;
+                const isSelected = currentIndex === selectedIndex;
+                items.push(jsx(UnstyledButton, {
+                  onClick: () => handleSelectAction(action),
+                  px: isCenterPosition ? 18 : 14,
+                  py: isCenterPosition ? 12 : 10,
+                  style: {
+                    borderBottom: '1px solid #f1f3f5',
+                    cursor: 'pointer',
+                    backgroundColor: isSelected ? '#e7f5ff' : 'transparent'
+                  },
+                  onMouseEnter: e => {
+                    if (!isSelected) {
+                      e.currentTarget.style.backgroundColor = '#fafafa';
+                    }
+                  },
+                  onMouseLeave: e => {
+                    if (!isSelected) {
+                      e.currentTarget.style.backgroundColor = 'transparent';
+                    }
+                  },
+                  children: jsxs(Group, {
+                    justify: "space-between",
+                    wrap: "nowrap",
+                    gap: "md",
+                    children: [jsxs(Stack, {
+                      gap: 4,
+                      style: {
+                        flex: 1,
+                        minWidth: 0
+                      },
+                      children: [jsx(Highlight, {
+                        highlight: searchQuery,
+                        fw: 500,
+                        size: isCenterPosition ? 'sm' : 'sm',
+                        style: {
+                          color: '#212529',
+                          lineHeight: 1.5
+                        },
+                        children: action.label || ''
+                      }), action.description && jsx(Text, {
+                        size: "xs",
+                        c: "dimmed",
+                        lineClamp: 1,
+                        style: {
+                          lineHeight: 1.4,
+                          overflow: 'hidden',
+                          textOverflow: 'ellipsis'
+                        },
+                        children: action.description
+                      })]
+                    }), action.id.toLowerCase().startsWith('http') && jsx(IconExternalLink, {
+                      size: 14,
+                      style: {
+                        opacity: 0.3,
+                        flexShrink: 0,
+                        color: '#adb5bd'
+                      }
+                    })]
+                  })
+                }, `item-${groupIndex}-${actionIndex}`));
+              });
+            });
+            return items;
+          })() : jsx(Box, {
+            p: 24,
+            children: jsx(Text, {
+              size: "sm",
+              c: "dimmed",
+              ta: "center",
+              children: "Nessun risultato trovato"
+            })
+          })
+        })
+      })]
     })
   });
 }
@@ -12279,7 +12747,7 @@ function FrontendSwitch(props) {
 }
 
 function AppBar(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   const {
     userInfo
   } = useSelector(state => state.user);
@@ -12376,7 +12844,7 @@ function AppBar(props) {
           backgroundColor: (_b = (_a = props.previewMode) === null || _a === void 0 ? void 0 : _a.headerColor) !== null && _b !== void 0 ? _b : fluxoTheme.colors['brand'][7]
         },
         children: [jsxs(Group, {
-          children: [(props.shellUi.navigation === ShellUINavigation.Sidebar || isMobile) && jsx(Burger, {
+          children: [(props.shellUi.navigation === ShellUINavigation.Sidebar || props.shellUi.navigation === ShellUINavigation.SidebarMinimal || isMobile) && jsx(Burger, {
             tabIndex: -1,
             disabled: props.previewMode !== undefined,
             color: '#fff',
@@ -12398,6 +12866,16 @@ function AppBar(props) {
               }
             })
           })]
+        }), ((_j = (_h = props.shellUi.search) === null || _h === void 0 ? void 0 : _h.searchPosition) !== null && _j !== void 0 ? _j : ShellUISearchPosition.Left) === ShellUISearchPosition.Center && jsx(Box, {
+          style: {
+            position: 'absolute',
+            left: '50%',
+            transform: 'translateX(-50%)'
+          },
+          children: jsx(SearchBar, {
+            disabled: props.previewMode !== undefined,
+            shellUi: props.shellUi
+          })
         }), jsxs(Group, {
           wrap: "nowrap",
           children: [developmentMode && jsx(Badge, {
@@ -12462,8 +12940,9 @@ function AppBar(props) {
                 })
               })
             })]
-          }), jsx(SearchBar, {
-            disabled: props.previewMode !== undefined
+          }), (((_l = (_k = props.shellUi.search) === null || _k === void 0 ? void 0 : _k.searchPosition) !== null && _l !== void 0 ? _l : ShellUISearchPosition.Left) === ShellUISearchPosition.Left || ((_o = (_m = props.shellUi.search) === null || _m === void 0 ? void 0 : _m.searchPosition) !== null && _o !== void 0 ? _o : ShellUISearchPosition.Left) === ShellUISearchPosition.Right) && jsx(SearchBar, {
+            disabled: props.previewMode !== undefined,
+            shellUi: props.shellUi
           }), jsxs(Popover, {
             onDismiss: () => setUserPopoverOpened(false),
             opened: userPopoverOpened,
@@ -12478,7 +12957,7 @@ function AppBar(props) {
                 color: "cyan",
                 radius: "xl",
                 size: 32,
-                children: [(_h = userInfo === null || userInfo === void 0 ? void 0 : userInfo.FirstName) === null || _h === void 0 ? void 0 : _h.substr(0, 1), (_j = userInfo === null || userInfo === void 0 ? void 0 : userInfo.LastName) === null || _j === void 0 ? void 0 : _j.substr(0, 1)]
+                children: [(_p = userInfo === null || userInfo === void 0 ? void 0 : userInfo.FirstName) === null || _p === void 0 ? void 0 : _p.substr(0, 1), (_q = userInfo === null || userInfo === void 0 ? void 0 : userInfo.LastName) === null || _q === void 0 ? void 0 : _q.substr(0, 1)]
               })
             }), jsx(Popover.Dropdown, {
               w: 300,
@@ -12492,7 +12971,7 @@ function AppBar(props) {
                       color: "cyan",
                       radius: "xl",
                       size: 64,
-                      children: [(_k = userInfo === null || userInfo === void 0 ? void 0 : userInfo.FirstName) === null || _k === void 0 ? void 0 : _k.substr(0, 1), (_l = userInfo === null || userInfo === void 0 ? void 0 : userInfo.LastName) === null || _l === void 0 ? void 0 : _l.substr(0, 1)]
+                      children: [(_r = userInfo === null || userInfo === void 0 ? void 0 : userInfo.FirstName) === null || _r === void 0 ? void 0 : _r.substr(0, 1), (_s = userInfo === null || userInfo === void 0 ? void 0 : userInfo.LastName) === null || _s === void 0 ? void 0 : _s.substr(0, 1)]
                     }), jsxs(Text, {
                       children: [userInfo === null || userInfo === void 0 ? void 0 : userInfo.FirstName, " ", userInfo === null || userInfo === void 0 ? void 0 : userInfo.LastName]
                     })]
@@ -12523,52 +13002,6 @@ function AppBar(props) {
   });
 }
 
-// `SameValue` abstract operation
-// https://tc39.es/ecma262/#sec-samevalue
-// eslint-disable-next-line es/no-object-is -- safe
-var sameValue$1 = Object.is || function is(x, y) {
-  // eslint-disable-next-line no-self-compare -- NaN check
-  return x === y ? x !== 0 || 1 / x === 1 / y : x !== x && y !== y;
-};
-
-var call$5 = functionCall;
-var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
-var anObject$7 = anObject$r;
-var isNullOrUndefined$1 = isNullOrUndefined$7;
-var requireObjectCoercible$5 = requireObjectCoercible$c;
-var sameValue = sameValue$1;
-var toString$8 = toString$j;
-var getMethod$1 = getMethod$7;
-var regExpExec$1 = regexpExecAbstract;
-
-// @@search logic
-fixRegExpWellKnownSymbolLogic$1('search', function (SEARCH, nativeSearch, maybeCallNative) {
-  return [
-    // `String.prototype.search` method
-    // https://tc39.es/ecma262/#sec-string.prototype.search
-    function search(regexp) {
-      var O = requireObjectCoercible$5(this);
-      var searcher = isNullOrUndefined$1(regexp) ? undefined : getMethod$1(regexp, SEARCH);
-      return searcher ? call$5(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString$8(O));
-    },
-    // `RegExp.prototype[@@search]` method
-    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
-    function (string) {
-      var rx = anObject$7(this);
-      var S = toString$8(string);
-      var res = maybeCallNative(nativeSearch, rx, S);
-
-      if (res.done) return res.value;
-
-      var previousLastIndex = rx.lastIndex;
-      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
-      var result = regExpExec$1(rx, S);
-      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
-      return result === null ? -1 : result.index;
-    }
-  ];
-});
-
 const useDocumentTitleManager = (withMultipleSessions, sessionContext) => {
   const [documentTitle, setDocumentTitle] = useState('');
   const location = useLocation();
@@ -12646,7 +13079,7 @@ const useDocumentTitleManager = (withMultipleSessions, sessionContext) => {
   };
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 
 // eslint-disable-next-line es/no-set -- safe
 var SetPrototype$1 = Set.prototype;
@@ -12654,9 +13087,9 @@ var SetPrototype$1 = Set.prototype;
 var setHelpers = {
   // eslint-disable-next-line es/no-set -- safe
   Set: Set,
-  add: uncurryThis$7(SetPrototype$1.add),
-  has: uncurryThis$7(SetPrototype$1.has),
-  remove: uncurryThis$7(SetPrototype$1['delete']),
+  add: uncurryThis$5(SetPrototype$1.add),
+  has: uncurryThis$5(SetPrototype$1.has),
+  remove: uncurryThis$5(SetPrototype$1['delete']),
   proto: SetPrototype$1
 };
 
@@ -12680,14 +13113,14 @@ var iterateSimple$7 = function (record, fn, ITERATOR_INSTEAD_OF_RECORD) {
   }
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$4 = functionUncurryThis;
 var iterateSimple$6 = iterateSimple$7;
 var SetHelpers$5 = setHelpers;
 
 var Set$3 = SetHelpers$5.Set;
 var SetPrototype = SetHelpers$5.proto;
-var forEach = uncurryThis$6(SetPrototype.forEach);
-var keys = uncurryThis$6(SetPrototype.keys);
+var forEach = uncurryThis$4(SetPrototype.forEach);
+var keys = uncurryThis$4(SetPrototype.keys);
 var next = keys(new Set$3()).next;
 
 var setIterate = function (set, fn, interruptible) {
@@ -12816,13 +13249,13 @@ var setMethodAcceptSetLike$7 = function (name) {
   }
 };
 
-var $$m = _export;
+var $$j = _export;
 var difference = setDifference;
 var setMethodAcceptSetLike$6 = setMethodAcceptSetLike$7;
 
 // `Set.prototype.difference` method
 // https://github.com/tc39/proposal-set-methods
-$$m({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$6('difference') }, {
+$$j({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$6('difference') }, {
   difference: difference
 });
 
@@ -12857,19 +13290,19 @@ var setIntersection = function intersection(other) {
   return result;
 };
 
-var $$l = _export;
-var fails$6 = fails$v;
+var $$i = _export;
+var fails$4 = fails$v;
 var intersection$1 = setIntersection;
 var setMethodAcceptSetLike$5 = setMethodAcceptSetLike$7;
 
-var INCORRECT = !setMethodAcceptSetLike$5('intersection') || fails$6(function () {
+var INCORRECT = !setMethodAcceptSetLike$5('intersection') || fails$4(function () {
   // eslint-disable-next-line es/no-array-from, es/no-set -- testing
   return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
 });
 
 // `Set.prototype.intersection` method
 // https://github.com/tc39/proposal-set-methods
-$$l({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+$$i({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
   intersection: intersection$1
 });
 
@@ -12895,13 +13328,13 @@ var setIsDisjointFrom = function isDisjointFrom(other) {
   }) !== false;
 };
 
-var $$k = _export;
+var $$h = _export;
 var isDisjointFrom = setIsDisjointFrom;
 var setMethodAcceptSetLike$4 = setMethodAcceptSetLike$7;
 
 // `Set.prototype.isDisjointFrom` method
 // https://github.com/tc39/proposal-set-methods
-$$k({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$4('isDisjointFrom') }, {
+$$h({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$4('isDisjointFrom') }, {
   isDisjointFrom: isDisjointFrom
 });
 
@@ -12921,13 +13354,13 @@ var setIsSubsetOf = function isSubsetOf(other) {
   }, true) !== false;
 };
 
-var $$j = _export;
+var $$g = _export;
 var isSubsetOf = setIsSubsetOf;
 var setMethodAcceptSetLike$3 = setMethodAcceptSetLike$7;
 
 // `Set.prototype.isSubsetOf` method
 // https://github.com/tc39/proposal-set-methods
-$$j({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$3('isSubsetOf') }, {
+$$g({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$3('isSubsetOf') }, {
   isSubsetOf: isSubsetOf
 });
 
@@ -12950,13 +13383,13 @@ var setIsSupersetOf = function isSupersetOf(other) {
   }) !== false;
 };
 
-var $$i = _export;
+var $$f = _export;
 var isSupersetOf = setIsSupersetOf;
 var setMethodAcceptSetLike$2 = setMethodAcceptSetLike$7;
 
 // `Set.prototype.isSupersetOf` method
 // https://github.com/tc39/proposal-set-methods
-$$i({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$2('isSupersetOf') }, {
+$$f({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$2('isSupersetOf') }, {
   isSupersetOf: isSupersetOf
 });
 
@@ -12983,13 +13416,13 @@ var setSymmetricDifference = function symmetricDifference(other) {
   return result;
 };
 
-var $$h = _export;
+var $$e = _export;
 var symmetricDifference = setSymmetricDifference;
 var setMethodAcceptSetLike$1 = setMethodAcceptSetLike$7;
 
 // `Set.prototype.symmetricDifference` method
 // https://github.com/tc39/proposal-set-methods
-$$h({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$1('symmetricDifference') }, {
+$$e({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike$1('symmetricDifference') }, {
   symmetricDifference: symmetricDifference
 });
 
@@ -13011,13 +13444,13 @@ var setUnion = function union(other) {
   return result;
 };
 
-var $$g = _export;
+var $$d = _export;
 var union$1 = setUnion;
 var setMethodAcceptSetLike = setMethodAcceptSetLike$7;
 
 // `Set.prototype.union` method
 // https://github.com/tc39/proposal-set-methods
-$$g({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('union') }, {
+$$d({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('union') }, {
   union: union$1
 });
 
@@ -13465,12 +13898,24 @@ function AppContent(props) {
       children: [jsx(Box, {
         style: {
           position: 'fixed',
-          top: props.shellUi.navigation === ShellUINavigation.Sidebar || isMobile ? 48 : 88,
+          top: props.shellUi.navigation === ShellUINavigation.Sidebar || props.shellUi.navigation === ShellUINavigation.SidebarMinimal || isMobile ? 48 : 88,
           zIndex: 99,
           background: '#ffffff',
           borderBottom: '1px solid #e1e5e9',
           boxShadow: '0 1px 3px rgba(0, 0, 0, 0.05)',
-          width: navbarOpened && !isMobile ? 'calc(100% - 248px)' : '100%'
+          width: (() => {
+            if (isMobile) return '100%';
+            // Sidebar minimale: sempre 80px
+            if (props.shellUi.navigation === ShellUINavigation.SidebarMinimal) {
+              return navbarOpened ? 'calc(100% - 248px)' : 'calc(100% - 80px)';
+            }
+            // Sidebar normale: 248px se aperta, 100% se chiusa
+            if (props.shellUi.navigation === ShellUINavigation.Sidebar) {
+              return navbarOpened ? 'calc(100% - 248px)' : '100%';
+            }
+            // Topbar o None: 100%
+            return '100%';
+          })()
         },
         children: jsxs("div", {
           style: {
@@ -14490,6 +14935,20 @@ function FooterBar(props) {
           }), jsx(Divider, {
             orientation: 'vertical'
           })]
+        }), props.brandElement && jsxs(Fragment, {
+          children: [jsx(Box, {
+            visibleFrom: 'sm',
+            style: {
+              display: 'flex',
+              alignItems: 'center',
+              maxHeight: '32px',
+              overflow: 'hidden'
+            },
+            children: props.brandElement
+          }), jsx(Divider, {
+            visibleFrom: 'sm',
+            orientation: 'vertical'
+          })]
         }), jsxs(Text, {
           visibleFrom: 'sm',
           c: "dimmed",
@@ -14516,11 +14975,11 @@ var deletePropertyOrThrow$2 = function (O, P) {
   if (!delete O[P]) throw new $TypeError$2('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
 };
 
-var fails$5 = fails$v;
+var fails$3 = fails$v;
 
 var arrayMethodIsStrict$2 = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
-  return !!method && fails$5(function () {
+  return !!method && fails$3(function () {
     // eslint-disable-next-line no-useless-call -- required for testing
     method.call(null, argument || function () { return 1; }, 1);
   });
@@ -14542,14 +15001,14 @@ var webkit = userAgent$1.match(/AppleWebKit\/(\d+)\./);
 
 var engineWebkitVersion = !!webkit && +webkit[1];
 
-var $$f = _export;
-var uncurryThis$5 = functionUncurryThis;
+var $$c = _export;
+var uncurryThis$3 = functionUncurryThis;
 var aCallable$4 = aCallable$i;
 var toObject$3 = toObject$a;
 var lengthOfArrayLike$4 = lengthOfArrayLike$9;
 var deletePropertyOrThrow$1 = deletePropertyOrThrow$2;
-var toString$7 = toString$j;
-var fails$4 = fails$v;
+var toString$5 = toString$j;
+var fails$2 = fails$v;
 var internalSort = arraySort$1;
 var arrayMethodIsStrict$1 = arrayMethodIsStrict$2;
 var FF = engineFfVersion;
@@ -14558,21 +15017,21 @@ var V8 = engineV8Version;
 var WEBKIT = engineWebkitVersion;
 
 var test$2 = [];
-var nativeSort = uncurryThis$5(test$2.sort);
-var push = uncurryThis$5(test$2.push);
+var nativeSort = uncurryThis$3(test$2.sort);
+var push = uncurryThis$3(test$2.push);
 
 // IE8-
-var FAILS_ON_UNDEFINED = fails$4(function () {
+var FAILS_ON_UNDEFINED = fails$2(function () {
   test$2.sort(undefined);
 });
 // V8 bug
-var FAILS_ON_NULL = fails$4(function () {
+var FAILS_ON_NULL = fails$2(function () {
   test$2.sort(null);
 });
 // Old WebKit
 var STRICT_METHOD = arrayMethodIsStrict$1('sort');
 
-var STABLE_SORT = !fails$4(function () {
+var STABLE_SORT = !fails$2(function () {
   // feature detection can be too slow, so check engines versions
   if (V8) return V8 < 70;
   if (FF && FF > 3) return;
@@ -14614,13 +15073,13 @@ var getSortCompare = function (comparefn) {
     if (y === undefined) return -1;
     if (x === undefined) return 1;
     if (comparefn !== undefined) return +comparefn(x, y) || 0;
-    return toString$7(x) > toString$7(y) ? 1 : -1;
+    return toString$5(x) > toString$5(y) ? 1 : -1;
   };
 };
 
 // `Array.prototype.sort` method
 // https://tc39.es/ecma262/#sec-array.prototype.sort
-$$f({ target: 'Array', proto: true, forced: FORCED$4 }, {
+$$c({ target: 'Array', proto: true, forced: FORCED$4 }, {
   sort: function sort(comparefn) {
     if (comparefn !== undefined) aCallable$4(comparefn);
 
@@ -14648,7 +15107,7 @@ $$f({ target: 'Array', proto: true, forced: FORCED$4 }, {
   }
 });
 
-var $$e = _export;
+var $$b = _export;
 var toObject$2 = toObject$a;
 var lengthOfArrayLike$3 = lengthOfArrayLike$9;
 var setArrayLength = arraySetLength;
@@ -14672,7 +15131,7 @@ var FORCED$3 = INCORRECT_RESULT || !properErrorOnNonWritableLength();
 
 // `Array.prototype.unshift` method
 // https://tc39.es/ecma262/#sec-array.prototype.unshift
-$$e({ target: 'Array', proto: true, arity: 1, forced: FORCED$3 }, {
+$$b({ target: 'Array', proto: true, arity: 1, forced: FORCED$3 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   unshift: function unshift(item) {
     var O = toObject$2(this);
@@ -14706,20 +15165,20 @@ var regexpGetFlags = function (R) {
     ? call$2(regExpFlags, R) : flags;
 };
 
-var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
+var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn = defineBuiltIn$d;
 var anObject$5 = anObject$r;
 var $toString = toString$j;
-var fails$3 = fails$v;
+var fails$1 = fails$v;
 var getRegExpFlags = regexpGetFlags;
 
 var TO_STRING = 'toString';
 var RegExpPrototype = RegExp.prototype;
 var nativeToString = RegExpPrototype[TO_STRING];
 
-var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+var NOT_GENERIC = fails$1(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
 // FF44- RegExp#toString has a wrong name
-var INCORRECT_NAME = PROPER_FUNCTION_NAME$1 && nativeToString.name !== TO_STRING;
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
 
 // `RegExp.prototype.toString` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
@@ -14737,8 +15196,8 @@ var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject$4 = anObject$r;
 var isNullOrUndefined = isNullOrUndefined$7;
 var toLength$1 = toLength$5;
-var toString$6 = toString$j;
-var requireObjectCoercible$4 = requireObjectCoercible$c;
+var toString$4 = toString$j;
+var requireObjectCoercible$2 = requireObjectCoercible$c;
 var getMethod = getMethod$7;
 var advanceStringIndex = advanceStringIndex$2;
 var regExpExec = regexpExecAbstract;
@@ -14749,15 +15208,15 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
     // `String.prototype.match` method
     // https://tc39.es/ecma262/#sec-string.prototype.match
     function match(regexp) {
-      var O = requireObjectCoercible$4(this);
+      var O = requireObjectCoercible$2(this);
       var matcher = isNullOrUndefined(regexp) ? undefined : getMethod(regexp, MATCH);
-      return matcher ? call$1(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$6(O));
+      return matcher ? call$1(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$4(O));
     },
     // `RegExp.prototype[@@match]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@match
     function (string) {
       var rx = anObject$4(this);
-      var S = toString$6(string);
+      var S = toString$4(string);
       var res = maybeCallNative(nativeMatch, rx, S);
 
       if (res.done) return res.value;
@@ -14770,7 +15229,7 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
       var n = 0;
       var result;
       while ((result = regExpExec(rx, S)) !== null) {
-        var matchStr = toString$6(result[0]);
+        var matchStr = toString$4(result[0]);
         A[n] = matchStr;
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength$1(rx.lastIndex), fullUnicode);
         n++;
@@ -14780,7 +15239,7 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
   ];
 });
 
-var $$d = _export;
+var $$a = _export;
 var iterate$2 = iterate$9;
 var aCallable$3 = aCallable$i;
 var anObject$3 = anObject$r;
@@ -14788,7 +15247,7 @@ var getIteratorDirect$2 = getIteratorDirect$8;
 
 // `Iterator.prototype.some` method
 // https://github.com/tc39/proposal-iterator-helpers
-$$d({ target: 'Iterator', proto: true, real: true }, {
+$$a({ target: 'Iterator', proto: true, real: true }, {
   some: function some(predicate) {
     anObject$3(this);
     aCallable$3(predicate);
@@ -14808,7 +15267,8 @@ function NavBarItem({
   routerLink,
   initiallyOpened,
   links,
-  level
+  level,
+  isMinimal
 }) {
   const hasLinks = Array.isArray(links);
   const [opened, setOpened] = useState(initiallyOpened || false);
@@ -14876,7 +15336,8 @@ function NavBarItem({
         links: link.children,
         routerLink: link.routerLink,
         initiallyOpened: false,
-        level: level + 1
+        level: level + 1,
+        isMinimal: isMinimal
       }, link.label + '_' + i);
     }
     if ((_a = link.routerLink) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith('http')) {
@@ -14926,6 +15387,81 @@ function NavBarItem({
     return false;
   };
   const isItemActive = isCurrentOrChildActive();
+  // Funzione ricorsiva per renderizzare i menu items multi-livello in modalità minimale
+  const renderMinimalMenuItems = menuLinks => {
+    return menuLinks.map((link, i) => {
+      var _a;
+      if (link.hasPermissions && !FluxoClientSys.Instance.security.currentUser.hasPermissions(link.permissions)) {
+        return null;
+      }
+      const linkIsActive = isActive(link.routerLink);
+      // Se il link ha figli, crea un submenu
+      if (link.children && link.children.length > 0) {
+        return jsx(Menu.Item, {
+          style: {
+            backgroundColor: linkIsActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][9] : theme.colors[theme.primaryColor][0] : undefined,
+            color: linkIsActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : undefined
+          },
+          children: jsxs(Menu, {
+            trigger: "hover",
+            position: "right-start",
+            offset: 2,
+            withinPortal: true,
+            children: [jsx(Menu.Target, {
+              children: jsx(Box, {
+                style: {
+                  width: '100%',
+                  cursor: 'pointer'
+                },
+                children: jsxs(Group, {
+                  justify: "space-between",
+                  children: [jsx(Text, {
+                    children: link.label
+                  }), jsx(IconChevronRight, {
+                    size: 14
+                  })]
+                })
+              })
+            }), jsx(Menu.Dropdown, {
+              children: renderMinimalMenuItems(link.children)
+            })]
+          })
+        }, link.label + '_' + i);
+      }
+      // Link semplice senza figli
+      if ((_a = link.routerLink) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith('http')) {
+        // Link esterno
+        return jsx(Menu.Item, {
+          component: "a",
+          href: link.routerLink,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: {
+            backgroundColor: linkIsActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][9] : theme.colors[theme.primaryColor][0] : undefined,
+            color: linkIsActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : undefined
+          },
+          children: link.label
+        }, link.label + '_' + i);
+      } else {
+        // Link interno
+        return jsx(Menu.Item, {
+          component: Link,
+          to: '/' + link.routerLink,
+          state: {
+            title: link.label
+          },
+          onClick: () => {
+            if (isMobile) FluxoStateDispatcher.dispatchCloseNavbar();
+          },
+          style: {
+            backgroundColor: linkIsActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][9] : theme.colors[theme.primaryColor][0] : undefined,
+            color: linkIsActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : undefined
+          },
+          children: link.label
+        }, link.label + '_' + i);
+      }
+    }).filter(item => item !== null);
+  };
   return jsx(Fragment, {
     children: navbarOpened ? jsxs(Fragment, {
       children: [jsx(UnstyledButton, {
@@ -14986,20 +15522,105 @@ function NavBarItem({
         style: {
           width: '100%',
           marginBottom: 8,
-          marginTop: 8
+          marginTop: 8,
+          display: opened ? 'block' : 'none'
         },
         in: opened,
         children: items
       }) : null]
-    }) : jsx(Fragment, {})
+    }) : jsx(Fragment, {
+      children: isMinimal && level === 0 ? hasLinks ? jsxs(Menu, {
+        trigger: "hover",
+        openDelay: 100,
+        closeDelay: 200,
+        position: "right-start",
+        offset: 10,
+        withinPortal: true,
+        children: [jsx(Menu.Target, {
+          children: jsx(UnstyledButton, {
+            mt: 2,
+            mb: 2,
+            className: `${style$1["control"]} ${isItemActive ? style$1["controlActive"] : ""}`,
+            style: {
+              width: 64,
+              height: 48,
+              padding: 0,
+              display: 'flex',
+              justifyContent: 'center',
+              alignItems: 'center',
+              backgroundColor: isItemActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][9] : theme.colors[theme.primaryColor][0] : 'transparent',
+              color: isItemActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : colorScheme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9]
+            },
+            children: jsx(ThemeIcon, {
+              variant: "light",
+              style: {
+                background: 'transparent',
+                color: isItemActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : 'inherit'
+              },
+              size: 30,
+              children: Icon
+            })
+          })
+        }), jsxs(Menu.Dropdown, {
+          children: [jsx(Menu.Label, {
+            children: label
+          }), renderMinimalMenuItems(links || [])]
+        })]
+      }) : jsx(Tooltip, {
+        label: label,
+        position: "right",
+        offset: 10,
+        children: jsx(UnstyledButton, {
+          mt: 2,
+          mb: 2,
+          onClick: () => {
+            var _a;
+            if (routerLink === null || routerLink === void 0 ? void 0 : routerLink.toLowerCase().startsWith('http')) (_a = window.open(routerLink, '_blank')) === null || _a === void 0 ? void 0 : _a.focus();else {
+              if (routerLink === '/') navigate('/', {
+                state: {
+                  title: 'Home'
+                }
+              });else navigate('/' + routerLink, {
+                state: {
+                  title: label
+                }
+              });
+            }
+            if (isMobile) FluxoStateDispatcher.dispatchCloseNavbar();
+          },
+          className: `${style$1["control"]} ${isItemActive ? style$1["controlActive"] : ""}`,
+          style: {
+            width: 64,
+            height: 48,
+            padding: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: isItemActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][9] : theme.colors[theme.primaryColor][0] : 'transparent',
+            color: isItemActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : colorScheme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9]
+          },
+          children: jsx(ThemeIcon, {
+            variant: "light",
+            style: {
+              background: 'transparent',
+              color: isItemActive ? colorScheme.colorScheme === 'dark' ? theme.colors[theme.primaryColor][4] : theme.colors[theme.primaryColor][6] : 'inherit'
+            },
+            size: 30,
+            children: Icon
+          })
+        })
+      }) : null
+    })
   });
 }
 
 function Navbar(props) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const {
-    appMenu
+    appMenu,
+    navbarOpened
   } = useSelector(state => state.layout);
+  const fluxoTheme = useMantineTheme();
   const getPermittedNavBarItems = () => {
     const permittedNavBarItems = appMenu === null || appMenu === void 0 ? void 0 : appMenu.filter(a => {
       var _a;
@@ -15018,30 +15639,63 @@ function Navbar(props) {
     return permittedNavBarItems;
   };
   const isMobile = useMediaQuery('(max-width: 992px)');
+  const isMinimalSidebar = props.shellUi.navigation === ShellUINavigation.SidebarMinimal;
+  const showSidebar = props.shellUi.navigation === ShellUINavigation.Sidebar || props.shellUi.navigation === ShellUINavigation.SidebarMinimal || isMobile;
   return jsxs(Fragment, {
-    children: [(props.shellUi.navigation === ShellUINavigation.Sidebar || isMobile) && jsx(AppShell.Navbar, {
-      id: 'fluxo-shell-sidebar',
-      zIndex: 197,
-      children: jsx(AppShell.Section, {
-        grow: true,
-        my: "md",
-        component: ScrollArea,
-        children: jsx(Stack, {
-          justify: "center",
-          align: 'center',
-          gap: 0,
-          children: getPermittedNavBarItems().map((e, i) => {
-            const IconComponent = e.icon ? IconFactory.getIcon(e.icon) : IconFactory.getIcon('Dashboard');
-            return jsx(NavBarItem, {
-              level: 0,
-              routerLink: e.routerLink,
-              icon: IconComponent,
-              label: e.label,
-              links: e.children && e.children.length > 0 ? e.children : undefined
-            }, i);
+    children: [showSidebar && jsxs(Fragment, {
+      children: [(props.shellUi.navigation === ShellUINavigation.Sidebar || props.shellUi.navigation === ShellUINavigation.SidebarMinimal) && navbarOpened && jsx("div", {
+        style: {
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          width: 248,
+          height: 'calc(100vh - 40px)',
+          background: fluxoTheme.colors['brand'][7],
+          zIndex: 196,
+          pointerEvents: 'none'
+        }
+      }), props.shellUi.navigation === ShellUINavigation.SidebarMinimal && !navbarOpened && !isMobile && jsx("div", {
+        style: {
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          width: 80,
+          height: 'calc(100vh - 40px)',
+          background: fluxoTheme.colors['brand'][7],
+          zIndex: 196,
+          pointerEvents: 'none'
+        }
+      }), jsx(AppShell.Navbar, {
+        id: 'fluxo-shell-sidebar',
+        zIndex: 197,
+        style: props.shellUi.navigation === ShellUINavigation.Sidebar || props.shellUi.navigation === ShellUINavigation.SidebarMinimal ? {
+          borderTopLeftRadius: '20px',
+          overflow: 'visible'
+        } : undefined,
+        children: jsx(AppShell.Section, {
+          grow: true,
+          my: "md",
+          mt: 26,
+          component: ScrollArea,
+          className: isMinimalSidebar && !navbarOpened ? 'custom-scrollbar' : undefined,
+          children: jsx(Stack, {
+            justify: "center",
+            align: 'center',
+            gap: 0,
+            children: getPermittedNavBarItems().map((e, i) => {
+              const IconComponent = e.icon ? IconFactory.getIcon(e.icon) : IconFactory.getIcon('Dashboard');
+              return jsx(NavBarItem, {
+                level: 0,
+                routerLink: e.routerLink,
+                icon: IconComponent,
+                label: e.label,
+                links: e.children && e.children.length > 0 ? e.children : undefined,
+                isMinimal: isMinimalSidebar && !navbarOpened
+              }, i);
+            })
           })
         })
-      })
+      })]
     }), props.shellUi.navigation === ShellUINavigation.Topbar && !isMobile && jsx(AppShell.Header, {
       id: 'fluxo-shell-topmenu',
       style: {
@@ -15430,37 +16084,7 @@ function HorizontalRecursiveMenuItem(props) {
   });
 }
 
-class AppMenuService {
-  getSpotlightMenu(menu, parentTitle) {
-    return __awaiter(this, void 0, void 0, function* () {
-      const result = [];
-      const currentGroup = {
-        group: parentTitle !== null && parentTitle !== void 0 ? parentTitle : 'Generale',
-        actions: []
-      };
-      menu.forEach(m => {
-        var _a;
-        if (m.hasIndex) {
-          currentGroup.actions.push({
-            label: m.label,
-            description: parentTitle ? `${parentTitle} -> ${m.label}` : m.label,
-            id: ((_a = m.routerLink) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith('http')) ? m.routerLink : '/' + m.routerLink
-          });
-        }
-        if (m.children && m.children.length > 0) {
-          this.getSpotlightMenu(m.children, m.label).then(res => {
-            const aaa = res;
-            result.push(...aaa);
-          });
-        }
-      });
-      result.push(currentGroup);
-      return Promise.resolve(result);
-    });
-  }
-}
-
-var $$c = _export;
+var $$9 = _export;
 var iterate$1 = iterate$9;
 var aCallable$2 = aCallable$i;
 var anObject$2 = anObject$r;
@@ -15468,7 +16092,7 @@ var getIteratorDirect$1 = getIteratorDirect$8;
 
 // `Iterator.prototype.every` method
 // https://github.com/tc39/proposal-iterator-helpers
-$$c({ target: 'Iterator', proto: true, real: true }, {
+$$9({ target: 'Iterator', proto: true, real: true }, {
   every: function every(predicate) {
     anObject$2(this);
     aCallable$2(predicate);
@@ -16540,18 +17164,18 @@ const styles$6 = {
   }
 };
 
-var $$b = _export;
-var uncurryThis$4 = functionUncurryThis;
+var $$8 = _export;
+var uncurryThis$2 = functionUncurryThis;
 var isArray$2 = isArray$5;
 
-var nativeReverse = uncurryThis$4([].reverse);
+var nativeReverse = uncurryThis$2([].reverse);
 var test$1 = [1, 2];
 
 // `Array.prototype.reverse` method
 // https://tc39.es/ecma262/#sec-array.prototype.reverse
 // fix for Safari 12.0 bug
 // https://bugs.webkit.org/show_bug.cgi?id=188794
-$$b({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.reverse()) }, {
+$$8({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.reverse()) }, {
   reverse: function reverse() {
     // eslint-disable-next-line no-self-assign -- dirty hack
     if (isArray$2(this)) this.length = this.length;
@@ -16560,15 +17184,15 @@ $$b({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.rev
 });
 
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$7;
-var toString$5 = toString$j;
-var requireObjectCoercible$3 = requireObjectCoercible$c;
+var toString$3 = toString$j;
+var requireObjectCoercible$1 = requireObjectCoercible$c;
 
 var $RangeError = RangeError;
 
 // `String.prototype.repeat` method implementation
 // https://tc39.es/ecma262/#sec-string.prototype.repeat
 var stringRepeat = function repeat(count) {
-  var str = toString$5(requireObjectCoercible$3(this));
+  var str = toString$3(requireObjectCoercible$1(this));
   var result = '';
   var n = toIntegerOrInfinity$1(count);
   if (n < 0 || n === Infinity) throw new $RangeError('Wrong number of repetitions');
@@ -16577,23 +17201,23 @@ var stringRepeat = function repeat(count) {
 };
 
 // https://github.com/tc39/proposal-string-pad-start-end
-var uncurryThis$3 = functionUncurryThis;
+var uncurryThis$1 = functionUncurryThis;
 var toLength = toLength$5;
-var toString$4 = toString$j;
+var toString$2 = toString$j;
 var $repeat = stringRepeat;
-var requireObjectCoercible$2 = requireObjectCoercible$c;
+var requireObjectCoercible = requireObjectCoercible$c;
 
-var repeat = uncurryThis$3($repeat);
-var stringSlice = uncurryThis$3(''.slice);
+var repeat = uncurryThis$1($repeat);
+var stringSlice = uncurryThis$1(''.slice);
 var ceil = Math.ceil;
 
 // `String.prototype.{ padStart, padEnd }` methods implementation
-var createMethod$2 = function (IS_END) {
+var createMethod$1 = function (IS_END) {
   return function ($this, maxLength, fillString) {
-    var S = toString$4(requireObjectCoercible$2($this));
+    var S = toString$2(requireObjectCoercible($this));
     var intMaxLength = toLength(maxLength);
     var stringLength = S.length;
-    var fillStr = fillString === undefined ? ' ' : toString$4(fillString);
+    var fillStr = fillString === undefined ? ' ' : toString$2(fillString);
     var fillLen, stringFiller;
     if (intMaxLength <= stringLength || fillStr === '') return S;
     fillLen = intMaxLength - stringLength;
@@ -16606,20 +17230,20 @@ var createMethod$2 = function (IS_END) {
 var stringPad = {
   // `String.prototype.padStart` method
   // https://tc39.es/ecma262/#sec-string.prototype.padstart
-  start: createMethod$2(false)};
+  start: createMethod$1(false)};
 
 // https://github.com/zloirock/core-js/issues/280
 var userAgent = engineUserAgent;
 
 var stringPadWebkitBug = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent);
 
-var $$a = _export;
+var $$7 = _export;
 var $padStart = stringPad.start;
 var WEBKIT_BUG = stringPadWebkitBug;
 
 // `String.prototype.padStart` method
 // https://tc39.es/ecma262/#sec-string.prototype.padstart
-$$a({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
+$$7({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
   padStart: function padStart(maxLength /* , fillString = ' ' */) {
     return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -18005,7 +18629,7 @@ const ArkanoidGame = () => {
   });
 };
 
-var $$9 = _export;
+var $$6 = _export;
 
 // eslint-disable-next-line es/no-math-hypot -- required for testing
 var $hypot = Math.hypot;
@@ -18018,7 +18642,7 @@ var FORCED$2 = !!$hypot && $hypot(Infinity, NaN) !== Infinity;
 
 // `Math.hypot` method
 // https://tc39.es/ecma262/#sec-math.hypot
-$$9({ target: 'Math', stat: true, arity: 2, forced: FORCED$2 }, {
+$$6({ target: 'Math', stat: true, arity: 2, forced: FORCED$2 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   hypot: function hypot(value1, value2) {
     var sum = 0;
@@ -19412,7 +20036,8 @@ function AppLayout({
   appVersion,
   brandName,
   ui,
-  frontends
+  frontends,
+  brandElement
 }) {
   var _a, _b;
   const {
@@ -19457,7 +20082,7 @@ function AppLayout({
   }, [currentFrontend]);
   useEffect(() => {
     if (currentShellUI.withMultipleSessions) FluxoStateDispatcher.dispatchSetSessionMode('multi-session');else FluxoStateDispatcher.dispatchSetSessionMode('single-session');
-    if (currentShellUI.navigation === ShellUINavigation.Sidebar) FluxoStateDispatcher.dispatchSetNavigationMode('sidebar');else if (currentShellUI.navigation === ShellUINavigation.Topbar) FluxoStateDispatcher.dispatchSetNavigationMode('topmenu');else {
+    if (currentShellUI.navigation === ShellUINavigation.Sidebar) FluxoStateDispatcher.dispatchSetNavigationMode('sidebar');else if (currentShellUI.navigation === ShellUINavigation.SidebarMinimal) FluxoStateDispatcher.dispatchSetNavigationMode('sidebar-minimal');else if (currentShellUI.navigation === ShellUINavigation.Topbar) FluxoStateDispatcher.dispatchSetNavigationMode('topmenu');else {
       FluxoStateDispatcher.dispatchSetNavigationMode('none');
       FluxoStateDispatcher.dispatchCloseNavbar();
     }
@@ -19473,17 +20098,19 @@ function AppLayout({
           fluxoClientConfig: fluxoClientConfig,
           children: jsxs(AppShell, {
             padding: 0,
+            className: currentShellUI.navigation === ShellUINavigation.Sidebar || currentShellUI.navigation === ShellUINavigation.SidebarMinimal ? 'flxShellAppShellV2' : 'flxShellAppShellV1',
             styles: {
               main: {
                 backgroundColor: '#fafbff'
               }
             },
             navbar: {
-              width: 248,
+              width: currentShellUI.navigation === ShellUINavigation.SidebarMinimal ? navbarOpened ? 248 : 80 : 248,
               breakpoint: 'sm',
               collapsed: {
                 mobile: !navbarOpened,
-                desktop: !navbarOpened
+                // Su mobile, sempre nascosta quando chiusa
+                desktop: !navbarOpened && currentShellUI.navigation === ShellUINavigation.Sidebar // Su desktop, nascosta solo con Sidebar normale
               }
             },
             header: {
@@ -19513,6 +20140,7 @@ function AppLayout({
             }), jsx(AppShell.Footer, {
               children: jsx(FooterBar, {
                 brandName: brandName,
+                brandElement: brandElement,
                 appVersion: appVersion
               })
             }), showDisconnectionOverlay && jsx(Overlay, {
@@ -19861,63 +20489,6 @@ function LoginPage(props) {
   });
 }
 
-// a string of all valid unicode whitespaces
-var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
-  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-var uncurryThis$2 = functionUncurryThis;
-var requireObjectCoercible$1 = requireObjectCoercible$c;
-var toString$3 = toString$j;
-var whitespaces$2 = whitespaces$3;
-
-var replace = uncurryThis$2(''.replace);
-var ltrim = RegExp('^[' + whitespaces$2 + ']+');
-var rtrim = RegExp('(^|[^' + whitespaces$2 + '])[' + whitespaces$2 + ']+$');
-
-// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-var createMethod$1 = function (TYPE) {
-  return function ($this) {
-    var string = toString$3(requireObjectCoercible$1($this));
-    if (TYPE & 1) string = replace(string, ltrim, '');
-    if (TYPE & 2) string = replace(string, rtrim, '$1');
-    return string;
-  };
-};
-
-var stringTrim = {
-  // `String.prototype.trim` method
-  // https://tc39.es/ecma262/#sec-string.prototype.trim
-  trim: createMethod$1(3)
-};
-
-var PROPER_FUNCTION_NAME = functionName.PROPER;
-var fails$2 = fails$v;
-var whitespaces$1 = whitespaces$3;
-
-var non = '\u200B\u0085\u180E';
-
-// check that a method works with the correct list
-// of whitespaces and has a correct name
-var stringTrimForced = function (METHOD_NAME) {
-  return fails$2(function () {
-    return !!whitespaces$1[METHOD_NAME]()
-      || non[METHOD_NAME]() !== non
-      || (PROPER_FUNCTION_NAME && whitespaces$1[METHOD_NAME].name !== METHOD_NAME);
-  });
-};
-
-var $$8 = _export;
-var $trim = stringTrim.trim;
-var forcedStringTrimMethod = stringTrimForced;
-
-// `String.prototype.trim` method
-// https://tc39.es/ecma262/#sec-string.prototype.trim
-$$8({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
-  trim: function trim() {
-    return $trim(this);
-  }
-});
-
 var dayjs_min = {exports: {}};
 
 (function (module, exports) {
@@ -21707,7 +22278,7 @@ var arraySpeciesCreate$1 = function (originalArray, length) {
   return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
 };
 
-var $$7 = _export;
+var $$5 = _export;
 var flattenIntoArray = flattenIntoArray_1;
 var toObject$1 = toObject$a;
 var lengthOfArrayLike$1 = lengthOfArrayLike$9;
@@ -21716,7 +22287,7 @@ var arraySpeciesCreate = arraySpeciesCreate$1;
 
 // `Array.prototype.flat` method
 // https://tc39.es/ecma262/#sec-array.prototype.flat
-$$7({ target: 'Array', proto: true }, {
+$$5({ target: 'Array', proto: true }, {
   flat: function flat(/* depthArg = 1 */) {
     var depthArg = arguments.length ? arguments[0] : undefined;
     var O = toObject$1(this);
@@ -21729,10 +22300,10 @@ $$7({ target: 'Array', proto: true }, {
 
 // this method was added to unscopables after implementation
 // in popular engines, so it's moved to a separate module
-var addToUnscopables$1 = addToUnscopables$3;
+var addToUnscopables = addToUnscopables$3;
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables$1('flat');
+addToUnscopables('flat');
 
 function Ui() {
   const {
@@ -36423,49 +36994,6 @@ var Tree = forwardRef(TreeInner);
 
 var styles$2 = {"root":"CustomNode-module_root__MTD8I","expandIconWrapper":"CustomNode-module_expandIconWrapper__XgO8w","isOpen":"CustomNode-module_isOpen__jPvPC","labelGridItem":"CustomNode-module_labelGridItem__k-wO-"};
 
-var $$6 = _export;
-var $includes = arrayIncludes.includes;
-var fails$1 = fails$v;
-var addToUnscopables = addToUnscopables$3;
-
-// FF99+ bug
-var BROKEN_ON_SPARSE = fails$1(function () {
-  // eslint-disable-next-line es/no-array-prototype-includes -- detection
-  return !Array(1).includes();
-});
-
-// `Array.prototype.includes` method
-// https://tc39.es/ecma262/#sec-array.prototype.includes
-$$6({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
-  includes: function includes(el /* , fromIndex = 0 */) {
-    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('includes');
-
-var $$5 = _export;
-var uncurryThis$1 = functionUncurryThis;
-var notARegExp = notARegexp;
-var requireObjectCoercible = requireObjectCoercible$c;
-var toString$2 = toString$j;
-var correctIsRegExpLogic = correctIsRegexpLogic;
-
-var stringIndexOf = uncurryThis$1(''.indexOf);
-
-// `String.prototype.includes` method
-// https://tc39.es/ecma262/#sec-string.prototype.includes
-$$5({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
-  includes: function includes(searchString /* , position = 0 */) {
-    return !!~stringIndexOf(
-      toString$2(requireObjectCoercible(this)),
-      toString$2(notARegExp(searchString)),
-      arguments.length > 1 ? arguments[1] : undefined
-    );
-  }
-});
-
 function PermissionNavigator(props) {
   const [structuredPermissions, setStructuredPermissions] = useState();
   const [domainRolePermissions, setDomainRolePermissions] = useState([]);
@@ -64664,6 +65192,9 @@ function Settings(props) {
     }
   };
   return jsxs(ShellPage, {
+    headerProps: {
+      title: 'Amministrazione'
+    },
     withoutPadding: currentTab === 'bi' || currentTab === 'apidoc',
     contextSidebarProps: {
       groups: getSideMenuGroups(),
@@ -65124,12 +65655,24 @@ function FrontendSwitcher(props) {
   const [loading, setLoading] = React__default.useState(false);
   const navigateTo = useNavigate();
   const isMobile = useMediaQuery('(max-width: 992px)');
+  const [sortedAllowedFrontends, setSortedAllowedFrontends] = React__default.useState([]);
   useDocumentTitle((_b = (_a = props.ui) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : 'Aree funzionali');
   const [showReturnBackButton, setShowReturnBackButton] = React__default.useState(true);
   const [searchParams] = useSearchParams();
   useEffect(() => {
     setShowReturnBackButton(searchParams.get('returnTo') !== 'false');
   }, []);
+  useEffect(() => {
+    // Ordiniamo le aree funzionali in base all'ordine definito nei frontends
+    // la proprietà "order" è presente nello stato "frontends" e definisce l'ordine di visualizzazione. è opzionale, se non è presente si assume un ordine di default (es. 0)
+    const sorted = [...allowedFrontends].sort((a, b) => {
+      var _a, _b, _c, _d;
+      const orderA = (_b = (_a = frontends.find(f => f.id === a)) === null || _a === void 0 ? void 0 : _a.order) !== null && _b !== void 0 ? _b : 0;
+      const orderB = (_d = (_c = frontends.find(f => f.id === b)) === null || _c === void 0 ? void 0 : _c.order) !== null && _d !== void 0 ? _d : 0;
+      return orderA - orderB;
+    });
+    setSortedAllowedFrontends(sorted);
+  }, []);
   return jsx(Center, {
     h: '100vh',
     bg: 'rgb(250, 251, 255)',
@@ -65154,7 +65697,7 @@ function FrontendSwitcher(props) {
         wrap: 'wrap',
         align: 'center',
         justify: 'center',
-        children: allowedFrontends.map(f => {
+        children: sortedAllowedFrontends.map(f => {
           return jsx(Box, {
             className: `${classes['box']} flxFrontendSwitcherBox`,
             onClick: () => {
@@ -76369,7 +76912,20 @@ var ShellUINavigation;
   ShellUINavigation[ShellUINavigation["Sidebar"] = 1] = "Sidebar";
   ShellUINavigation[ShellUINavigation["Topbar"] = 2] = "Topbar";
   ShellUINavigation[ShellUINavigation["None"] = 3] = "None";
+  ShellUINavigation[ShellUINavigation["SidebarMinimal"] = 4] = "SidebarMinimal";
 })(ShellUINavigation || (ShellUINavigation = {}));
+var ShellUISearchPosition;
+(function (ShellUISearchPosition) {
+  ShellUISearchPosition["None"] = "none";
+  ShellUISearchPosition["Left"] = "left";
+  ShellUISearchPosition["Right"] = "right";
+  ShellUISearchPosition["Center"] = "center";
+})(ShellUISearchPosition || (ShellUISearchPosition = {}));
+var ShellUISearchType;
+(function (ShellUISearchType) {
+  ShellUISearchType["Spotlight"] = "spotlight";
+  ShellUISearchType["Dropdown"] = "dropdown";
+})(ShellUISearchType || (ShellUISearchType = {}));
 const culture = "it";
 ResourceManager.setLocalizationMessages(Object.assign(Object.assign(Object.assign({}, dxDashboardIt), dxReportingIt), dxAnalyticsCoreIt));
 locale(culture);
@@ -76598,6 +77154,7 @@ function FluxoShell(props) {
           return (_a = frontendByRender === null || frontendByRender === void 0 ? void 0 : frontendByRender.layout) !== null && _a !== void 0 ? _a : jsx(AppLayout, {
             frontends: props.frontends,
             ui: props.ui,
+            brandElement: props.brandElement,
             brandName: (_b = props.brandName) !== null && _b !== void 0 ? _b : 'Fluxo',
             appVersion: props.appVersion
           });
@@ -76614,7 +77171,8 @@ function FluxoShell(props) {
         FluxoStateDispatcher.dispatchSetFrontends(props.frontends.map(a => ({
           id: a.id,
           name: a.name,
-          external: a.external
+          external: a.external,
+          order: a.order
         })));
         FluxoStateDispatcher.dispatchSetCurrentFrontend(res.currentFrontend);
         FluxoStateDispatcher.dispatchAllowedFrontends(res.frontends);
@@ -77133,4 +77691,4 @@ function LockedResource({
   });
 }
 
-export { FluxoShell, FrontendSwitch, LockedResource, ScreenSharingProvider, ScreenSharingWidget, ShellSessionContext, ShellUINavigation, useScreenSharingContext, useSessionHub };
+export { FluxoShell, FrontendSwitch, LockedResource, ScreenSharingProvider, ScreenSharingWidget, ShellSessionContext, ShellUINavigation, ShellUISearchPosition, ShellUISearchType, useScreenSharingContext, useSessionHub };