@vuu-ui/vuu-shell 4.0.0-alpha.9 → 4.0.0-beta.2

package/package.json

@@ -1,35 +1,32 @@
 {
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.2",
   "description": "VUU UI Shell",
   "main": "./src/index.js",
   "author": "heswell",
   "license": "Apache-2.0",
-  "type": "module",
   "scripts": {
+    "build:dev": "node ../../scripts/run-build.mjs",
     "build": "node ../../scripts/run-build-rslib.ts",
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.9"
+    "@vuu-ui/vuu-data-types": "4.0.0-beta.2",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-beta.2",
+    "@vuu-ui/vuu-table-types": "4.0.0-beta.2"
   },
   "dependencies": {
-    "@vuu-ui/grid-layout": "4.0.0-alpha.9",
-    "@salt-ds/core": "1.67.0",
-    "@salt-ds/styles": "0.2.1",
-    "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-data-react": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-data-remote": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-icons": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-layout": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-notifications": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.9",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.9",
-    "@module-federation/enhanced": "2.8.0",
-    "@vuu-ui/core": "4.0.0-alpha.9",
+    "@salt-ds/core": "1.72.0",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2",
+    "@vuu-ui/vuu-context-menu": "4.0.0-beta.2",
+    "@vuu-ui/vuu-data-react": "4.0.0-beta.2",
+    "@vuu-ui/vuu-data-remote": "4.0.0-beta.2",
+    "@vuu-ui/vuu-icons": "4.0.0-beta.2",
+    "@vuu-ui/vuu-layout": "4.0.0-beta.2",
+    "@vuu-ui/vuu-notifications": "4.0.0-beta.2",
+    "@vuu-ui/vuu-table": "4.0.0-beta.2",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-beta.2",
+    "@vuu-ui/vuu-utils": "4.0.0-beta.2",
     "html-to-image": "^1.11.11"
   },
   "peerDependencies": {
@@ -46,10 +43,12 @@
   "exports": {
     ".": {
       "import": "./src/index.js",
+      "default": "./src/index.js",
       "types": "./types/index.d.ts"
     }
   },
   "module": "./src/index.js",
   "name": "@vuu-ui/vuu-shell",
+  "type": "module",
   "types": "types/index.d.ts"
 }

package/src/app-header/AppHeader.css.js

@@ -6,7 +6,7 @@ const css = `
   --vuuToolbarItem-height: 26px;
   --vuuOverflowContainer-gap: 8px;
   --vuuOverflowContainer-height: var(--vuuAppHeader-height, 42px);
-  --vuu-icon-color: var(--vuu-color-gray-45);
+  --vuu-icon-color: var(--salt-color-gray-500);
   --vuu-icon-size: 16px;
   --vuuToolbar-borderWidth: 1px;
   --vuuToolbar-borderStyle: solid;

package/src/app-header/AppHeader.js

@@ -2,12 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@salt-ds/core";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
-import { useLogout } from "@vuu-ui/core";
-import { NotificationType, useNotifications } from "@vuu-ui/vuu-notifications";
-import { Toolbar, useContextPanel, useHideContextPanel } from "@vuu-ui/vuu-ui-controls";
+import { useLayoutOperation } from "@vuu-ui/vuu-layout";
+import { Toolbar } from "@vuu-ui/vuu-ui-controls";
 import clsx from "clsx";
-import { useCallback } from "react";
-import { useWorkspace } from "../workspace-management/index.js";
+import { useCallback, useRef } from "react";
+import { usePersistenceManager } from "../persistence-manager/index.js";
+import { NotificationType, useNotifications } from "@vuu-ui/vuu-notifications";
+import { useLogout } from "../application-provider/index.js";
 import AppHeader from "./AppHeader.css";
 const classBase = "vuuAppHeader";
 const AppHeader_AppHeader = ({ className: classNameProp, themeMode: _, ...htmlAttributes })=>{
@@ -17,45 +18,33 @@ const AppHeader_AppHeader = ({ className: classNameProp, themeMode: _, ...htmlAt
         css: AppHeader,
         window: targetWindow
     });
+    const persistenceManager = usePersistenceManager();
+    const settingsButtonRef = useRef(null);
     const className = clsx(classBase, classNameProp);
     const logout = useLogout();
-    const { resetApplication, setApplicationSetting } = useWorkspace();
+    const { showComponentInContextPanel } = useLayoutOperation();
     const { showNotification } = useNotifications();
-    const showContextPanel = useContextPanel();
-    const hideContextPanel = useHideContextPanel();
-    const handleReset = useCallback(async ()=>{
-        try {
-            await resetApplication();
-            hideContextPanel?.();
-            showNotification({
-                animationType: "slide-out",
-                renderPostRefresh: true,
-                type: NotificationType.Toast,
-                header: "Success",
-                content: "Settings and workspaces cleared",
-                status: "success"
-            });
-        } catch (cause) {
-            showNotification({
-                type: NotificationType.Toast,
-                header: "Reset failed",
-                content: cause instanceof Error ? cause.message : "Unable to reset",
-                status: "error"
-            });
-        }
+    const handleReset = useCallback(()=>{
+        persistenceManager?.clearUserSettings();
+        showNotification({
+            animationType: "slide-out",
+            renderPostRefresh: true,
+            type: NotificationType.Toast,
+            header: "Success",
+            content: "Settings cleared",
+            status: "success"
+        });
+        location.reload();
     }, [
-        hideContextPanel,
-        resetApplication,
+        persistenceManager,
         showNotification
     ]);
     const handleShowSettings = useCallback(()=>{
-        setApplicationSetting("applicationSettings.panelOpen", true).catch(()=>void 0);
-        showContextPanel(/*#__PURE__*/ jsx("div", {
-            children: "Application settings"
-        }), "Settings");
+        showComponentInContextPanel({
+            type: "ApplicationSettings"
+        }, "Settings", ()=>settingsButtonRef.current?.focus());
     }, [
-        setApplicationSetting,
-        showContextPanel
+        showComponentInContextPanel
     ]);
     return /*#__PURE__*/ jsxs(Toolbar, {
         alignItems: "end",
@@ -86,6 +75,7 @@ const AppHeader_AppHeader = ({ className: classNameProp, themeMode: _, ...htmlAt
                 appearance: "transparent",
                 className: `${classBase}-menuItem`,
                 onClick: handleShowSettings,
+                ref: settingsButtonRef,
                 sentiment: "neutral",
                 children: [
                     "Settings ",

package/src/application-provider/ApplicationContext.js

@@ -1,6 +1,9 @@
 import { createContext } from "react";
-console.log("%ccreate application context", "color:red;font-weight:bold;");
+const Guest = {
+    username: "unknown"
+};
 const ApplicationContext = /*#__PURE__*/ createContext({
-    onUserSettingChanged: (propertyName)=>console.warn(`Cannot change setting '${propertyName}'.\nDid you forget to declare an ApplicationProvider ?`)
+    onUserSettingChanged: (propertyName)=>console.warn(`Cannot change setting '${propertyName}'.\nDid you forget to declare an ApplicationProvider ?`),
+    user: Guest
 });
 export { ApplicationContext };

package/src/application-provider/ApplicationProvider.js

@@ -1,26 +1,77 @@
 import { jsx } from "react/jsx-runtime";
 import { SaltProviderNext, useDensity, useTheme } from "@salt-ds/core";
-import { useContext } from "react";
+import { useCallback, useContext, useMemo, useState } from "react";
 import { ApplicationContext } from "./ApplicationContext.js";
+import { usePersistenceManager } from "../persistence-manager/index.js";
 const accentPurple = "purple";
-const getThemeMode = (mode = "light")=>mode;
-const ApplicationProvider = ({ children, density: densityProp, logout, mode, theme })=>{
+const getThemeMode = (mode = "light", userSettings)=>{
+    const themeMode = userSettings?.themeMode;
+    if ("light" === themeMode || "dark" === themeMode) return themeMode;
+    return mode;
+};
+const ApplicationProvider = ({ children, density: densityProp, logout, mode, theme, userSettingsSchema: userSettingsSchema, user })=>{
     const { mode: inheritedMode, theme: inheritedTheme } = useTheme();
     const density = useDensity(densityProp);
+    const persistenceManager = usePersistenceManager();
     const context = useContext(ApplicationContext);
-    return /*#__PURE__*/ jsx(ApplicationContext.Provider, {
+    const [userSettings, setSettings] = useState();
+    useMemo(async ()=>{
+        if (persistenceManager) {
+            const userSettings = await persistenceManager.getUserSettings();
+            setSettings(userSettings);
+        } else setSettings({});
+    }, [
+        persistenceManager
+    ]);
+    const onUserSettingChanged = useCallback((propertyName, value)=>{
+        setSettings((currentSettings)=>{
+            const newSettings = {
+                ...currentSettings,
+                [propertyName]: value
+            };
+            persistenceManager?.saveUserSettings(newSettings);
+            return newSettings;
+        });
+    }, [
+        persistenceManager
+    ]);
+    return userSettings ? /*#__PURE__*/ jsx(ApplicationContext.Provider, {
         value: {
             ...context,
-            logout
+            logout,
+            onUserSettingChanged,
+            userSettings,
+            userSettingsSchema,
+            user: user ?? context.user
         },
         children: /*#__PURE__*/ jsx(SaltProviderNext, {
             accent: accentPurple,
             corner: "rounded",
             theme: theme ?? inheritedTheme ?? "vuu-theme",
             density: density,
-            mode: getThemeMode(mode ?? inheritedMode),
+            mode: getThemeMode(mode ?? inheritedMode, userSettings),
             children: children
         })
-    });
+    }) : null;
+};
+const useApplicationUser = ()=>{
+    const { user } = useContext(ApplicationContext);
+    return user;
+};
+const useApplicationSettings = ()=>{
+    const { onUserSettingChanged, userSettings, userSettingsSchema } = useContext(ApplicationContext);
+    return {
+        onUserSettingChanged,
+        userSettings,
+        userSettingsSchema
+    };
+};
+const useUserSetting = ()=>{
+    const { userSettings } = useContext(ApplicationContext);
+    return userSettings;
+};
+const useLogout = ()=>{
+    const { logout } = useContext(ApplicationContext);
+    return logout;
 };
-export { ApplicationProvider };
+export { ApplicationProvider, useApplicationSettings, useApplicationUser, useLogout, useUserSetting };

package/src/feature/Feature.js

@@ -1,6 +1,37 @@
-import { RemoteModule } from "@vuu-ui/core/portal";
-import { registerComponent } from "@vuu-ui/vuu-utils";
-const Feature = RemoteModule;
+import { jsx } from "react/jsx-runtime";
+import { importCSS, importFeature, registerComponent } from "@vuu-ui/vuu-utils";
+import react, { useEffect } from "react";
+import { FeatureErrorBoundary } from "./FeatureErrorBoundary.js";
+const componentsMap = new Map();
+const useCachedFeature = (url)=>{
+    useEffect(()=>()=>{
+            componentsMap.delete(url);
+        }, [
+        url
+    ]);
+    if (!componentsMap.has(url)) componentsMap.set(url, /*#__PURE__*/ react.lazy(()=>importFeature(url)));
+    const lazyFeature = componentsMap.get(url);
+    if (lazyFeature) return lazyFeature;
+    throw Error(`Unable to load Lazy Feature at url ${url}`);
+};
+function RawFeature({ url, css, ComponentProps: params, ...props }) {
+    if (css) //   import(/* @vite-ignore */ css, { assert: { type: "css" } }).then(
+    importCSS(css).then((styleSheet)=>{
+        document.adoptedStyleSheets = [
+            ...document.adoptedStyleSheets,
+            styleSheet
+        ];
+    });
+    const LazyFeature = useCachedFeature(url);
+    return /*#__PURE__*/ jsx(FeatureErrorBoundary, {
+        url: url,
+        children: /*#__PURE__*/ jsx(LazyFeature, {
+            ...props,
+            ...params
+        })
+    });
+}
+const Feature = /*#__PURE__*/ react.memo(RawFeature);
 Feature.displayName = "Feature";
 registerComponent("Feature", Feature, "view");
 export { Feature };

package/src/feature/FeatureErrorBoundary.js

@@ -0,0 +1,33 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+class FeatureErrorBoundary extends react.Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            errorMessage: null
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            errorMessage: error.message
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.log(`error creating component at ${this.props.url}`);
+        console.log(error, errorInfo);
+    }
+    render() {
+        if (this.state.errorMessage) return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("h1", {
+                    children: "An error occured while creating component."
+                }),
+                /*#__PURE__*/ jsx("p", {
+                    children: this.state.errorMessage
+                })
+            ]
+        });
+        return this.props.children;
+    }
+}
+export { FeatureErrorBoundary };

package/src/feature/index.js

@@ -1,2 +1 @@
 export * from "./Feature.js";
-export { RemoteModule } from "@vuu-ui/core/portal";

package/src/feature-list/FeatureList.css.js

@@ -29,30 +29,6 @@ const css = `
   margin-top: 24px;
 }
 
-.vuuFeatureList-items {
-  flex-direction: column;
-  flex: none;
-  display: flex;
-}
-
-.vuuFeatureList-item {
-  --vuu-icon-color: var(--salt-content-secondary-foreground);
-  cursor: grab;
-  align-items: center;
-  gap: var(--salt-spacing-100);
-  flex: 0 0 24px;
-  min-height: 24px;
-  padding: 5px 4px 5px 12px;
-  font-size: 11px;
-  font-weight: 400;
-  line-height: 14px;
-  display: flex;
-}
-
-.vuuFeatureList-item:hover {
-  background: var(--salt-selectable-background-hover);
-}
-
 .vuuFeatureList-group {
   --vuuMeasuredContainer-flex: 0 0 auto;
   flex-direction: column;
@@ -62,6 +38,11 @@ const css = `
     flex: 0 0 32px;
     padding: 8px 0;
   }
+
+  & .vuuPalette {
+    flex: auto;
+    height: auto;
+  }
 }
 
 .vuuFeatureList-group:first-child {
@@ -73,10 +54,7 @@ const css = `
 }
 
 .vuuFeatureList-itemName {
-  text-overflow: ellipsis;
-  white-space: nowrap;
   font-weight: 700;
-  overflow: hidden;
 }
 
 

package/src/feature-list/FeatureList.js

@@ -1,98 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { DragDropProviderNext, GridLayoutProvider, toJsonValue, useDraggable, useOptionalDragContext } from "@vuu-ui/grid-layout";
+import { Palette, PaletteItem } from "@vuu-ui/vuu-layout";
+import { Icon } from "@vuu-ui/vuu-ui-controls";
+import { featureFromJson, isStaticFeatures } from "@vuu-ui/vuu-utils";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
-import { Icon } from "@vuu-ui/vuu-ui-controls";
-import { isStaticFeatures, queryClosest } from "@vuu-ui/vuu-utils";
 import clsx from "clsx";
-import { useCallback, useId, useMemo } from "react";
+import { useMemo } from "react";
+import { Feature } from "../feature/Feature.js";
 import FeatureList from "./FeatureList.css";
 const classBase = "vuuFeatureList";
-const NOOP = ()=>void 0;
-const FeatureListDragRuntime = ({ children })=>{
-    const dragContext = useOptionalDragContext();
-    const runtimeId = useId();
-    if (dragContext) return children;
-    return /*#__PURE__*/ jsx(GridLayoutProvider, {
-        children: /*#__PURE__*/ jsx(DragDropProviderNext, {
-            dragSources: {},
-            onCancelTabDrag: NOOP,
-            onDetachTab: NOOP,
-            onDrop: NOOP,
-            children: /*#__PURE__*/ jsx("div", {
-                className: "vuuGridLayout",
-                id: `vuu-feature-list-${runtimeId}`,
-                style: {
-                    display: "contents"
-                },
-                children: children
-            })
-        })
-    });
-};
-const templateForDynamicFeature = (feature)=>{
-    const settings = toJsonValue(feature);
-    if (!settings.ok) throw new Error(`Feature "${feature.title ?? feature.mfComponent}" has non-persistable settings at ${settings.error.path}`);
-    return {
-        component: {
-            settings: settings.value,
-            type: "vuu-dynamic-feature",
-            version: 1
-        },
-        label: feature.title ?? feature.mfComponent
-    };
-};
-const templateForStaticFeature = ({ label, type })=>({
-        component: {
-            settings: {
-                type
-            },
-            type: "vuu-static-feature",
-            version: 1
-        },
-        label
-    });
-const FeatureTemplate = ({ template })=>{
-    const getDragSource = useCallback((event)=>{
-        const element = event.currentTarget;
-        return {
-            ...template,
-            element,
-            layoutId: queryClosest(element, ".vuuGridLayout")?.id ?? "vuu-feature-list",
-            type: "template"
-        };
-    }, [
-        template
-    ]);
-    const draggable = useDraggable({
-        getDragSource
-    });
-    return /*#__PURE__*/ jsxs("div", {
-        ...draggable,
-        className: `${classBase}-item`,
-        "data-template-component-type": template.component.type,
-        "data-template-version": template.component.version,
-        draggable: true,
-        role: "listitem",
-        children: [
-            /*#__PURE__*/ jsx(Icon, {
-                name: "draggable",
-                size: 18
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: `${classBase}-itemName`,
-                children: template.label
-            })
-        ]
-    });
-};
-const TemplateList = ({ templates })=>/*#__PURE__*/ jsx("div", {
-        className: `${classBase}-items`,
-        role: "list",
-        children: templates.map((template, index)=>/*#__PURE__*/ jsx(FeatureTemplate, {
-                template: template
-            }, `${template.component.type}-${template.label}-${index}`))
-    });
 const FeatureList_FeatureList = ({ features, title = "VUU TABLES", ...htmlAttributes })=>{
     const targetWindow = useWindow();
     useComponentCssInjection({
@@ -101,49 +17,112 @@ const FeatureList_FeatureList = ({ features, title = "VUU TABLES", ...htmlAttrib
         window: targetWindow
     });
     const content = useMemo(()=>{
-        if (isStaticFeatures(features)) return [
-            /*#__PURE__*/ jsx(TemplateList, {
-                templates: features.map(templateForStaticFeature)
-            }, "static")
-        ];
+        if (isStaticFeatures(features)) return features.map(({ label, type }, idx)=>/*#__PURE__*/ jsxs(PaletteItem, {
+                ViewProps: {
+                    closeable: true,
+                    header: true,
+                    resize: "defer",
+                    resizeable: true
+                },
+                component: featureFromJson({
+                    type
+                }),
+                value: label,
+                children: [
+                    /*#__PURE__*/ jsx(Icon, {
+                        name: "draggable",
+                        size: 18
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: `${classBase}-itemName`,
+                        children: label
+                    })
+                ]
+            }, idx));
         if (Array.isArray(features)) return [
             /*#__PURE__*/ jsx("div", {
                 className: `${classBase}-standalone`,
-                children: /*#__PURE__*/ jsx(TemplateList, {
-                    templates: features.map(templateForDynamicFeature)
-                })
-            }, "dynamic")
+                children: /*#__PURE__*/ jsx(Palette, {
+                    orientation: "vertical",
+                    children: features.map(({ ViewProps, ...featureProps }, i)=>/*#__PURE__*/ jsxs(PaletteItem, {
+                            ViewProps: {
+                                closeable: true,
+                                header: true,
+                                resize: "defer",
+                                resizeable: true,
+                                title: featureProps.title,
+                                ...ViewProps
+                            },
+                            component: /*#__PURE__*/ jsx(Feature, {
+                                ...featureProps
+                            }),
+                            value: featureProps.title,
+                            children: [
+                                /*#__PURE__*/ jsx(Icon, {
+                                    name: "draggable",
+                                    size: 18
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: `${classBase}-itemName`,
+                                    children: featureProps.title
+                                })
+                            ]
+                        }, i))
+                }, "0")
+            }, 0)
         ];
-        return Object.entries(features).map(([heading, featureList])=>/*#__PURE__*/ jsxs("div", {
+        return Object.entries(features).map(([heading, featureList], index)=>/*#__PURE__*/ jsxs("div", {
                 className: `${classBase}-group`,
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: `${classBase}-groupHeader`,
                         children: heading
                     }),
-                    /*#__PURE__*/ jsx(TemplateList, {
-                        templates: featureList.map(templateForDynamicFeature)
+                    /*#__PURE__*/ jsx(Palette, {
+                        orientation: "vertical",
+                        children: featureList.map(({ ViewProps, ...featureProps }, i)=>/*#__PURE__*/ jsxs(PaletteItem, {
+                                ViewProps: {
+                                    closeable: true,
+                                    header: true,
+                                    resize: "defer",
+                                    resizeable: true,
+                                    title: featureProps.title,
+                                    ...ViewProps
+                                },
+                                component: /*#__PURE__*/ jsx(Feature, {
+                                    ...featureProps
+                                }),
+                                value: featureProps.title,
+                                children: [
+                                    /*#__PURE__*/ jsx(Icon, {
+                                        name: "draggable",
+                                        size: 18
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: `${classBase}-itemName`,
+                                        children: featureProps.title
+                                    })
+                                ]
+                            }, i))
                     })
                 ]
-            }, heading));
+            }, index));
     }, [
         features
     ]);
-    return /*#__PURE__*/ jsx(FeatureListDragRuntime, {
-        children: /*#__PURE__*/ jsxs("div", {
-            ...htmlAttributes,
-            className: clsx(classBase, "vuuScrollable"),
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: `${classBase}-header`,
-                    children: title
-                }),
-                /*#__PURE__*/ jsx("div", {
-                    className: `${classBase}-content`,
-                    children: content
-                })
-            ]
-        })
+    return /*#__PURE__*/ jsxs("div", {
+        ...htmlAttributes,
+        className: clsx(classBase, "vuuScrollable"),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: `${classBase}-header`,
+                children: title
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: `${classBase}-content`,
+                children: content
+            })
+        ]
     });
 };
 export { FeatureList_FeatureList as FeatureList };

package/src/index.js

@@ -1,14 +1,14 @@
-export * from "./app-header/index.js";
 export * from "./application-provider/index.js";
+export * from "./app-header/index.js";
 export * from "./feature/index.js";
 export * from "./feature-and-layout-provider/index.js";
-export * from "./feature-list/index.js";
 export * from "./left-nav/index.js";
 export * from "./persistence-manager/index.js";
 export * from "./shell.js";
 export * from "./shell-layout-templates/index.js";
 export * from "./ShellContextProvider.js";
+export * from "./feature-list/index.js";
 export * from "./theme-switch/index.js";
+export * from "./user-settings/index.js";
 export * from "./workspace-management/index.js";
 export { LoginPanel } from "./login/LoginPanel.js";
-export { getRegisteredModules } from "./module-registry/getRegisteredModules.js";