@nsxbet/admin-sdk 0.1.0

package/dist/shell/AdminShell.js

@@ -0,0 +1,299 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { BrowserRouter, Routes, Route, useNavigate } from "react-router-dom";
+import { I18nextProvider } from "react-i18next";
+import { TopBar } from "./components/TopBar";
+import { LeftNav } from "./components/LeftNav";
+import { MainContent } from "./components/MainContent";
+import { CommandPalette } from "./components/CommandPalette";
+import { ThemeProvider } from "./components/theme-provider";
+import { ModuleOverview } from "./components/ModuleOverview";
+import { ProfilePage } from "./components/ProfilePage";
+import { SettingsPage } from "./components/SettingsPage";
+import { RegistryPage } from "./components/RegistryPage";
+import { HomePage } from "./components/HomePage";
+import { AuthProvider, useAuthContext } from "../components/AuthProvider";
+import { createInMemoryAuthClient } from "../auth/client/in-memory";
+import { createKeycloakAuthClient } from "../auth/client/keycloak";
+import { createInMemoryRegistryClient } from "../registry/client/in-memory";
+import { DynamicModule } from "../router/DynamicModule";
+import { SidebarProvider, SidebarInset } from "@nsxbet/admin-ui";
+import { initTelemetry, track, trackError } from "./telemetry";
+import { initI18n, saveLocale, isSupportedLocale, i18n } from "../i18n";
+/**
+ * Convert AdminModuleManifest to Module for internal use
+ */
+function manifestToModule(manifest, baseUrl) {
+    return {
+        id: manifest.id,
+        title: manifest.title,
+        titleKey: manifest.titleKey,
+        description: manifest.description || "",
+        descriptionKey: manifest.descriptionKey,
+        category: manifest.category || "Modules",
+        routeBase: manifest.routeBase,
+        baseUrl: baseUrl || "",
+        keywords: manifest.keywords || [],
+        permissions: {
+            view: manifest.permissions?.view || [],
+            dangerous: manifest.permissions?.dangerous,
+        },
+        owners: {
+            team: manifest.owners?.team || "Platform",
+            supportChannel: manifest.owners?.supportChannel || "",
+        },
+        status: manifest.status || "active",
+        navOrder: manifest.navOrder,
+        icon: manifest.icon,
+        commands: manifest.commands?.map((cmd) => ({
+            id: cmd.id,
+            title: cmd.title,
+            titleKey: cmd.titleKey,
+            route: cmd.route,
+            icon: cmd.icon,
+            keywords: cmd.keywords,
+        })),
+    };
+}
+/**
+ * Convert CatalogModule to Module for internal use
+ */
+function catalogModuleToModule(m) {
+    return {
+        id: m.id,
+        title: m.title,
+        titleKey: m.titleKey,
+        description: m.description,
+        descriptionKey: m.descriptionKey,
+        category: m.category,
+        routeBase: m.routeBase,
+        baseUrl: m.baseUrl,
+        keywords: m.keywords,
+        permissions: m.permissions,
+        owners: m.owners,
+        status: m.status,
+        navOrder: m.navOrder,
+        icon: m.icon,
+        commands: m.commands?.map(cmd => ({
+            ...cmd,
+            titleKey: cmd.titleKey,
+        })),
+    };
+}
+/**
+ * Inner shell component that has access to React Router hooks
+ */
+function ShellContent({ modules, children, environment, locale, onLocaleChange, onSearchClick, catalog, commandPaletteOpen, onCommandPaletteChange, apiUrl, registryClient, isStandaloneMode, }) {
+    const navigate = useNavigate();
+    const auth = useAuthContext();
+    // Set up the platform API for modules to use
+    useEffect(() => {
+        const platformAPI = {
+            env: environment,
+            locale: locale,
+            auth: {
+                getAccessToken: auth.getAccessToken,
+                hasPermission: auth.hasPermission,
+                getUser: () => auth.user || { id: "", email: "", displayName: "" },
+                logout: () => {
+                    auth.logout();
+                    // Navigate to root after logout (for Keycloak, this will redirect)
+                    navigate("/");
+                },
+            },
+            nav: {
+                navigate: (path) => {
+                    navigate(path);
+                },
+                setBreadcrumbs: (_items) => {
+                    // Breadcrumbs are managed by MainContent based on route
+                },
+            },
+            i18n: {
+                locale: locale,
+                setLocale: onLocaleChange,
+                onLocaleChange: (callback) => {
+                    // Simple implementation - just call callback immediately with current locale
+                    callback(locale);
+                    return () => { }; // Return unsubscribe function
+                },
+            },
+            telemetry: {
+                track: track,
+                trackError: trackError,
+            },
+            fetch: async (input, init) => {
+                // Add auth token to requests
+                const token = await auth.getAccessToken();
+                const headers = new Headers(init?.headers);
+                headers.set("Authorization", `Bearer ${token}`);
+                return fetch(input, { ...init, headers });
+            },
+        };
+        window.__ADMIN_PLATFORM_API__ = platformAPI;
+        return () => {
+            delete window.__ADMIN_PLATFORM_API__;
+        };
+    }, [environment, locale, navigate, onLocaleChange, auth]);
+    // Load initial sidebar state from localStorage
+    const getInitialSidebarState = () => {
+        try {
+            const stored = localStorage.getItem("adminPlatform.sidebarCollapsed");
+            if (stored) {
+                return !JSON.parse(stored); // stored is "collapsed", we need "open"
+            }
+        }
+        catch {
+            // Ignore
+        }
+        return true; // Default to open
+    };
+    // Controlled sidebar state
+    const [sidebarOpen, setSidebarOpen] = useState(getInitialSidebarState);
+    // Save sidebar state to localStorage when it changes
+    const handleSidebarChange = (open) => {
+        setSidebarOpen(open);
+        try {
+            localStorage.setItem("adminPlatform.sidebarCollapsed", JSON.stringify(!open));
+        }
+        catch {
+            // Ignore
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(SidebarProvider, { open: sidebarOpen, onOpenChange: handleSidebarChange, children: [_jsx(LeftNav, { modules: modules }), _jsxs(SidebarInset, { className: "flex flex-col", children: [_jsx(TopBar, { onSearchClick: onSearchClick, environment: environment, locale: locale, onLocaleChange: onLocaleChange }), _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(MainContent, { modules: modules, children: _jsx(HomePage, {}) }) }), _jsx(Route, { path: "/_profile", element: _jsx(MainContent, { modules: modules, children: _jsx(ProfilePage, {}) }) }), _jsx(Route, { path: "/_settings", element: _jsx(MainContent, { modules: modules, children: _jsx(SettingsPage, {}) }) }), _jsx(Route, { path: "/_registry", element: _jsx(MainContent, { modules: modules, children: _jsx(RegistryPage, { apiUrl: apiUrl, registryClient: registryClient }) }) }), _jsx(Route, { path: "/_modules/*", element: _jsx(MainContent, { modules: modules, children: _jsx(ModuleOverview, { modules: modules }) }) }), isStandaloneMode
+                                        ? // Standalone mode: render children (module is imported directly)
+                                            modules.map((module) => (_jsx(Route, { path: `${module.routeBase}/*`, element: _jsx(MainContent, { modules: modules, children: children }) }, module.id)))
+                                        : // Shell mode: load modules dynamically via React.lazy
+                                            modules.map((module) => (_jsx(Route, { path: `${module.routeBase}/*`, element: _jsx(MainContent, { modules: modules, children: module.baseUrl ? (_jsx(DynamicModule, { baseUrl: module.baseUrl })) : (_jsxs("div", { className: "text-muted-foreground", children: ["Module ", module.id, " has no baseUrl configured"] })) }) }, module.id))), _jsx(Route, { path: "*", element: _jsx(MainContent, { modules: modules, children: isStandaloneMode ? children : null }) })] })] })] }), _jsx(CommandPalette, { open: commandPaletteOpen, onOpenChange: onCommandPaletteChange, catalog: catalog })] }));
+}
+export function AdminShell({ modules: manifests = [], children, keycloak, authClient: providedAuthClient, registryClient, apiUrl, inMemoryRegistry = true, environment = "local", }) {
+    const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+    const [locale, setLocale] = useState(() => {
+        // Initialize i18n and get the current language
+        initI18n();
+        return i18n.language || "pt-BR";
+    });
+    const [apiModules, setApiModules] = useState([]);
+    const [isLoading, setIsLoading] = useState(!!registryClient);
+    // Handle locale change - update both state and i18next
+    const handleLocaleChange = useCallback((newLocale) => {
+        if (isSupportedLocale(newLocale)) {
+            i18n.changeLanguage(newLocale);
+            saveLocale(newLocale);
+            setLocale(newLocale);
+        }
+    }, []);
+    // Sync locale state with i18next language changes
+    useEffect(() => {
+        const handleLanguageChanged = (lng) => {
+            setLocale(lng);
+        };
+        i18n.on("languageChanged", handleLanguageChanged);
+        return () => {
+            i18n.off("languageChanged", handleLanguageChanged);
+        };
+    }, []);
+    // Determine if we're in standalone mode (module imported directly) or shell mode (dynamic loading)
+    const isStandaloneMode = !registryClient && manifests.length > 0;
+    // Create or use provided auth client
+    const authClient = useMemo(() => {
+        if (providedAuthClient) {
+            return providedAuthClient;
+        }
+        // Check if we should use mock auth
+        const useMockAuth = typeof window !== 'undefined' &&
+            (import.meta.env.VITE_MOCK_AUTH === 'true' || !keycloak);
+        if (useMockAuth) {
+            return createInMemoryAuthClient();
+        }
+        // Use Keycloak
+        return createKeycloakAuthClient({
+            config: keycloak,
+        });
+    }, [providedAuthClient, keycloak]);
+    // Initialize telemetry
+    useEffect(() => {
+        initTelemetry(environment);
+    }, [environment]);
+    // Initialize Keycloak configuration (for legacy support)
+    useEffect(() => {
+        if (keycloak) {
+            window.__KEYCLOAK_CONFIG__ = {
+                url: keycloak.url,
+                realm: keycloak.realm,
+                clientId: keycloak.clientId,
+            };
+        }
+    }, [keycloak]);
+    // Initialize in-memory registry if enabled and no registryClient
+    useEffect(() => {
+        if (!registryClient && inMemoryRegistry && manifests.length > 0) {
+            createInMemoryRegistryClient({
+                seed: manifests,
+            });
+        }
+    }, [registryClient, inMemoryRegistry, manifests]);
+    // Fetch modules from registry client (modules load via React.lazy)
+    useEffect(() => {
+        if (!registryClient) {
+            setIsLoading(false);
+            return;
+        }
+        let mounted = true;
+        async function fetchModules() {
+            try {
+                // Fetch catalog
+                const catalog = await registryClient.catalog.get();
+                if (!mounted)
+                    return;
+                // Convert catalog modules to Module type for UI
+                const modules = catalog.modules.map(catalogModuleToModule);
+                setApiModules(modules);
+                setIsLoading(false);
+            }
+            catch (error) {
+                console.error("[Shell] Failed to fetch modules from API:", error);
+                if (mounted) {
+                    setIsLoading(false);
+                }
+            }
+        }
+        fetchModules();
+        return () => {
+            mounted = false;
+        };
+    }, [registryClient]);
+    // Convert manifests to modules (for standalone mode)
+    const manifestModules = useMemo(() => {
+        return manifests.map((m) => manifestToModule(m));
+    }, [manifests]);
+    // Use API modules if registry client is provided, otherwise use manifest modules
+    const modules = registryClient ? apiModules : manifestModules;
+    // Create catalog for command palette
+    const catalog = useMemo(() => {
+        return {
+            version: "1.0.0",
+            generatedAt: new Date().toISOString(),
+            modules: modules,
+        };
+    }, [modules]);
+    // Keyboard shortcut for command palette
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+                e.preventDefault();
+                setCommandPaletteOpen((prev) => !prev);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, []);
+    const handleSearchClick = useCallback(() => {
+        setCommandPaletteOpen(true);
+    }, []);
+    // Show loading state while fetching from API
+    if (isLoading) {
+        return (_jsx("div", { className: "flex h-screen items-center justify-center", children: _jsx("div", { className: "text-muted-foreground", children: "Loading modules..." }) }));
+    }
+    return (_jsx(BrowserRouter, { children: _jsx(I18nextProvider, { i18n: i18n, children: _jsx(ThemeProvider, { children: _jsx(AuthProvider, { authClient: authClient, children: _jsx(ShellContent, { modules: modules, environment: environment, locale: locale, onLocaleChange: handleLocaleChange, onSearchClick: handleSearchClick, catalog: catalog, commandPaletteOpen: commandPaletteOpen, onCommandPaletteChange: setCommandPaletteOpen, apiUrl: apiUrl, registryClient: registryClient, isStandaloneMode: isStandaloneMode, children: children }) }) }) }) }));
+}

package/dist/shell/BackofficeShell.d.ts

@@ -0,0 +1,38 @@
+import type { AuthClient } from "../auth/client/interface";
+import type { AdminModuleManifest, RegistryClient } from "../registry";
+export interface AdminShellProps {
+    /**
+     * Module manifests to load (used for standalone mode when no registryClient)
+     * In standalone mode, modules are rendered via children prop
+     */
+    modules?: AdminModuleManifest[];
+    /**
+     * Content to render for standalone module development.
+     * Only used in standalone mode (when modules prop is provided)
+     */
+    children?: React.ReactNode;
+    /**
+     * Keycloak configuration
+     * If not provided, uses in-memory (mock) authentication
+     */
+    keycloak?: {
+        url: string;
+        realm: string;
+        clientId: string;
+    };
+    /**
+     * Auth client to use for authentication.
+     * If not provided, creates one based on keycloak prop or environment.
+     */
+    authClient?: AuthClient;
+    /** Registry client for fetching modules from API */
+    registryClient?: RegistryClient;
+    /** API URL for registry management (e.g., "http://localhost:4000/api") */
+    apiUrl?: string;
+    /** Use in-memory registry (default: true, ignored if registryClient is provided) */
+    inMemoryRegistry?: boolean;
+    /** Environment (default: "local") */
+    environment?: string;
+}
+export declare function AdminShell({ modules: manifests, children, keycloak, authClient: providedAuthClient, registryClient, apiUrl, inMemoryRegistry, environment, }: AdminShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BackofficeShell.d.ts.map

package/dist/shell/BackofficeShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeShell.d.ts","sourceRoot":"","sources":["../../src/shell/BackofficeShell.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAiB,MAAM,aAAa,CAAC;AAMtF,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,oDAAoD;IACpD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8RD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EAAE,SAAc,EACvB,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,kBAAkB,EAC9B,cAAc,EACd,MAAM,EACN,gBAAuB,EACvB,WAAqB,GACtB,EAAE,eAAe,2CAsLjB"}

package/dist/shell/BackofficeShell.js

@@ -0,0 +1,299 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { BrowserRouter, Routes, Route, useNavigate } from "react-router-dom";
+import { I18nextProvider } from "react-i18next";
+import { TopBar } from "./components/TopBar";
+import { LeftNav } from "./components/LeftNav";
+import { MainContent } from "./components/MainContent";
+import { CommandPalette } from "./components/CommandPalette";
+import { ThemeProvider } from "./components/theme-provider";
+import { ModuleOverview } from "./components/ModuleOverview";
+import { ProfilePage } from "./components/ProfilePage";
+import { SettingsPage } from "./components/SettingsPage";
+import { RegistryPage } from "./components/RegistryPage";
+import { HomePage } from "./components/HomePage";
+import { AuthProvider, useAuthContext } from "../components/AuthProvider";
+import { createInMemoryAuthClient } from "../auth/client/in-memory";
+import { createKeycloakAuthClient } from "../auth/client/keycloak";
+import { createInMemoryRegistryClient } from "../registry/client/in-memory";
+import { DynamicModule } from "../router/DynamicModule";
+import { SidebarProvider, SidebarInset } from "@nsxbet/admin-ui";
+import { initTelemetry, track, trackError } from "./telemetry";
+import { initI18n, saveLocale, isSupportedLocale, i18n } from "../i18n";
+/**
+ * Convert AdminModuleManifest to Module for internal use
+ */
+function manifestToModule(manifest, baseUrl) {
+    return {
+        id: manifest.id,
+        title: manifest.title,
+        titleKey: manifest.titleKey,
+        description: manifest.description || "",
+        descriptionKey: manifest.descriptionKey,
+        category: manifest.category || "Modules",
+        routeBase: manifest.routeBase,
+        baseUrl: baseUrl || "",
+        keywords: manifest.keywords || [],
+        permissions: {
+            view: manifest.permissions?.view || [],
+            dangerous: manifest.permissions?.dangerous,
+        },
+        owners: {
+            team: manifest.owners?.team || "Platform",
+            supportChannel: manifest.owners?.supportChannel || "",
+        },
+        status: manifest.status || "active",
+        navOrder: manifest.navOrder,
+        icon: manifest.icon,
+        commands: manifest.commands?.map((cmd) => ({
+            id: cmd.id,
+            title: cmd.title,
+            titleKey: cmd.titleKey,
+            route: cmd.route,
+            icon: cmd.icon,
+            keywords: cmd.keywords,
+        })),
+    };
+}
+/**
+ * Convert CatalogModule to Module for internal use
+ */
+function catalogModuleToModule(m) {
+    return {
+        id: m.id,
+        title: m.title,
+        titleKey: m.titleKey,
+        description: m.description,
+        descriptionKey: m.descriptionKey,
+        category: m.category,
+        routeBase: m.routeBase,
+        baseUrl: m.baseUrl,
+        keywords: m.keywords,
+        permissions: m.permissions,
+        owners: m.owners,
+        status: m.status,
+        navOrder: m.navOrder,
+        icon: m.icon,
+        commands: m.commands?.map(cmd => ({
+            ...cmd,
+            titleKey: cmd.titleKey,
+        })),
+    };
+}
+/**
+ * Inner shell component that has access to React Router hooks
+ */
+function ShellContent({ modules, children, environment, locale, onLocaleChange, onSearchClick, catalog, commandPaletteOpen, onCommandPaletteChange, apiUrl, registryClient, isStandaloneMode, }) {
+    const navigate = useNavigate();
+    const auth = useAuthContext();
+    // Set up the platform API for modules to use
+    useEffect(() => {
+        const platformAPI = {
+            env: environment,
+            locale: locale,
+            auth: {
+                getAccessToken: auth.getAccessToken,
+                hasPermission: auth.hasPermission,
+                getUser: () => auth.user || { id: "", email: "", displayName: "" },
+                logout: () => {
+                    auth.logout();
+                    // Navigate to root after logout (for Keycloak, this will redirect)
+                    navigate("/");
+                },
+            },
+            nav: {
+                navigate: (path) => {
+                    navigate(path);
+                },
+                setBreadcrumbs: (_items) => {
+                    // Breadcrumbs are managed by MainContent based on route
+                },
+            },
+            i18n: {
+                locale: locale,
+                setLocale: onLocaleChange,
+                onLocaleChange: (callback) => {
+                    // Simple implementation - just call callback immediately with current locale
+                    callback(locale);
+                    return () => { }; // Return unsubscribe function
+                },
+            },
+            telemetry: {
+                track: track,
+                trackError: trackError,
+            },
+            fetch: async (input, init) => {
+                // Add auth token to requests
+                const token = await auth.getAccessToken();
+                const headers = new Headers(init?.headers);
+                headers.set("Authorization", `Bearer ${token}`);
+                return fetch(input, { ...init, headers });
+            },
+        };
+        window.__ADMIN_PLATFORM_API__ = platformAPI;
+        return () => {
+            delete window.__ADMIN_PLATFORM_API__;
+        };
+    }, [environment, locale, navigate, onLocaleChange, auth]);
+    // Load initial sidebar state from localStorage
+    const getInitialSidebarState = () => {
+        try {
+            const stored = localStorage.getItem("adminPlatform.sidebarCollapsed");
+            if (stored) {
+                return !JSON.parse(stored); // stored is "collapsed", we need "open"
+            }
+        }
+        catch {
+            // Ignore
+        }
+        return true; // Default to open
+    };
+    // Controlled sidebar state
+    const [sidebarOpen, setSidebarOpen] = useState(getInitialSidebarState);
+    // Save sidebar state to localStorage when it changes
+    const handleSidebarChange = (open) => {
+        setSidebarOpen(open);
+        try {
+            localStorage.setItem("adminPlatform.sidebarCollapsed", JSON.stringify(!open));
+        }
+        catch {
+            // Ignore
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(SidebarProvider, { open: sidebarOpen, onOpenChange: handleSidebarChange, children: [_jsx(LeftNav, { modules: modules }), _jsxs(SidebarInset, { className: "flex flex-col", children: [_jsx(TopBar, { onSearchClick: onSearchClick, environment: environment, locale: locale, onLocaleChange: onLocaleChange }), _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(MainContent, { modules: modules, children: _jsx(HomePage, {}) }) }), _jsx(Route, { path: "/_profile", element: _jsx(MainContent, { modules: modules, children: _jsx(ProfilePage, {}) }) }), _jsx(Route, { path: "/_settings", element: _jsx(MainContent, { modules: modules, children: _jsx(SettingsPage, {}) }) }), _jsx(Route, { path: "/_registry", element: _jsx(MainContent, { modules: modules, children: _jsx(RegistryPage, { apiUrl: apiUrl, registryClient: registryClient }) }) }), _jsx(Route, { path: "/_modules/*", element: _jsx(MainContent, { modules: modules, children: _jsx(ModuleOverview, { modules: modules }) }) }), isStandaloneMode
+                                        ? // Standalone mode: render children (module is imported directly)
+                                            modules.map((module) => (_jsx(Route, { path: `${module.routeBase}/*`, element: _jsx(MainContent, { modules: modules, children: children }) }, module.id)))
+                                        : // Shell mode: load modules dynamically via React.lazy
+                                            modules.map((module) => (_jsx(Route, { path: `${module.routeBase}/*`, element: _jsx(MainContent, { modules: modules, children: module.baseUrl ? (_jsx(DynamicModule, { baseUrl: module.baseUrl })) : (_jsxs("div", { className: "text-muted-foreground", children: ["Module ", module.id, " has no baseUrl configured"] })) }) }, module.id))), _jsx(Route, { path: "*", element: _jsx(MainContent, { modules: modules, children: isStandaloneMode ? children : null }) })] })] })] }), _jsx(CommandPalette, { open: commandPaletteOpen, onOpenChange: onCommandPaletteChange, catalog: catalog })] }));
+}
+export function AdminShell({ modules: manifests = [], children, keycloak, authClient: providedAuthClient, registryClient, apiUrl, inMemoryRegistry = true, environment = "local", }) {
+    const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+    const [locale, setLocale] = useState(() => {
+        // Initialize i18n and get the current language
+        initI18n();
+        return i18n.language || "pt-BR";
+    });
+    const [apiModules, setApiModules] = useState([]);
+    const [isLoading, setIsLoading] = useState(!!registryClient);
+    // Handle locale change - update both state and i18next
+    const handleLocaleChange = useCallback((newLocale) => {
+        if (isSupportedLocale(newLocale)) {
+            i18n.changeLanguage(newLocale);
+            saveLocale(newLocale);
+            setLocale(newLocale);
+        }
+    }, []);
+    // Sync locale state with i18next language changes
+    useEffect(() => {
+        const handleLanguageChanged = (lng) => {
+            setLocale(lng);
+        };
+        i18n.on("languageChanged", handleLanguageChanged);
+        return () => {
+            i18n.off("languageChanged", handleLanguageChanged);
+        };
+    }, []);
+    // Determine if we're in standalone mode (module imported directly) or shell mode (dynamic loading)
+    const isStandaloneMode = !registryClient && manifests.length > 0;
+    // Create or use provided auth client
+    const authClient = useMemo(() => {
+        if (providedAuthClient) {
+            return providedAuthClient;
+        }
+        // Check if we should use mock auth
+        const useMockAuth = typeof window !== 'undefined' &&
+            (import.meta.env.VITE_MOCK_AUTH === 'true' || !keycloak);
+        if (useMockAuth) {
+            return createInMemoryAuthClient();
+        }
+        // Use Keycloak
+        return createKeycloakAuthClient({
+            config: keycloak,
+        });
+    }, [providedAuthClient, keycloak]);
+    // Initialize telemetry
+    useEffect(() => {
+        initTelemetry(environment);
+    }, [environment]);
+    // Initialize Keycloak configuration (for legacy support)
+    useEffect(() => {
+        if (keycloak) {
+            window.__KEYCLOAK_CONFIG__ = {
+                url: keycloak.url,
+                realm: keycloak.realm,
+                clientId: keycloak.clientId,
+            };
+        }
+    }, [keycloak]);
+    // Initialize in-memory registry if enabled and no registryClient
+    useEffect(() => {
+        if (!registryClient && inMemoryRegistry && manifests.length > 0) {
+            createInMemoryRegistryClient({
+                seed: manifests,
+            });
+        }
+    }, [registryClient, inMemoryRegistry, manifests]);
+    // Fetch modules from registry client (modules load via React.lazy)
+    useEffect(() => {
+        if (!registryClient) {
+            setIsLoading(false);
+            return;
+        }
+        let mounted = true;
+        async function fetchModules() {
+            try {
+                // Fetch catalog
+                const catalog = await registryClient.catalog.get();
+                if (!mounted)
+                    return;
+                // Convert catalog modules to Module type for UI
+                const modules = catalog.modules.map(catalogModuleToModule);
+                setApiModules(modules);
+                setIsLoading(false);
+            }
+            catch (error) {
+                console.error("[Shell] Failed to fetch modules from API:", error);
+                if (mounted) {
+                    setIsLoading(false);
+                }
+            }
+        }
+        fetchModules();
+        return () => {
+            mounted = false;
+        };
+    }, [registryClient]);
+    // Convert manifests to modules (for standalone mode)
+    const manifestModules = useMemo(() => {
+        return manifests.map((m) => manifestToModule(m));
+    }, [manifests]);
+    // Use API modules if registry client is provided, otherwise use manifest modules
+    const modules = registryClient ? apiModules : manifestModules;
+    // Create catalog for command palette
+    const catalog = useMemo(() => {
+        return {
+            version: "1.0.0",
+            generatedAt: new Date().toISOString(),
+            modules: modules,
+        };
+    }, [modules]);
+    // Keyboard shortcut for command palette
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+                e.preventDefault();
+                setCommandPaletteOpen((prev) => !prev);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, []);
+    const handleSearchClick = useCallback(() => {
+        setCommandPaletteOpen(true);
+    }, []);
+    // Show loading state while fetching from API
+    if (isLoading) {
+        return (_jsx("div", { className: "flex h-screen items-center justify-center", children: _jsx("div", { className: "text-muted-foreground", children: "Loading modules..." }) }));
+    }
+    return (_jsx(BrowserRouter, { children: _jsx(I18nextProvider, { i18n: i18n, children: _jsx(ThemeProvider, { children: _jsx(AuthProvider, { authClient: authClient, children: _jsx(ShellContent, { modules: modules, environment: environment, locale: locale, onLocaleChange: handleLocaleChange, onSearchClick: handleSearchClick, catalog: catalog, commandPaletteOpen: commandPaletteOpen, onCommandPaletteChange: setCommandPaletteOpen, apiUrl: apiUrl, registryClient: registryClient, isStandaloneMode: isStandaloneMode, children: children }) }) }) }) }));
+}

package/dist/shell/components/CommandPalette.d.ts

@@ -0,0 +1,8 @@
+import type { Catalog } from "../types";
+export interface CommandPaletteProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    catalog: Catalog | null;
+}
+export declare function CommandPalette({ open, onOpenChange, catalog, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommandPalette.d.ts.map

package/dist/shell/components/CommandPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../src/shell/components/CommandPalette.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAgC,MAAM,UAAU,CAAC;AA8CtE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE,mBAAmB,2CAwTrB"}