@nsxbet/admin-sdk 0.5.1 → 0.6.0

package/dist/shell/components/RegistryPage.js

@@ -1,17 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, Switch, Label, Button, Icon, Badge, Input, Textarea, Tabs, TabsList, TabsTrigger, TabsContent, } from "@nsxbet/admin-ui";
+import { Card, CardContent, Switch, Label, Button, Icon, Badge, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, } from "@nsxbet/admin-ui";
+import { useI18n } from "../../hooks/useI18n";
+import { useAuth } from "../../hooks/useAuth";
+import { resolveLocalizedString } from "../../i18n";
+function formatRelativeDate(isoString) {
+    const now = Date.now();
+    const date = new Date(isoString).getTime();
+    const diffMs = now - date;
+    const diffMins = Math.floor(diffMs / 60000);
+    if (diffMins < 1)
+        return "just now";
+    if (diffMins < 60)
+        return `${diffMins}m ago`;
+    const diffHours = Math.floor(diffMins / 60);
+    if (diffHours < 24)
+        return `${diffHours}h ago`;
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffDays < 30)
+        return `${diffDays}d ago`;
+    return new Date(isoString).toLocaleDateString();
+}
 export function RegistryPage({ apiUrl, registryClient }) {
+    const { t, i18n } = useI18n();
+    const auth = useAuth();
     const [modules, setModules] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
-    const [newModuleUrl, setNewModuleUrl] = useState("");
-    const [manifestJson, setManifestJson] = useState("");
-    const [isAdding, setIsAdding] = useState(false);
-    // Fetch modules using registry client
+    const canView = auth.hasPermission("admin.platform.view");
+    const canEdit = auth.hasPermission("admin.platform.edit");
+    const canDelete = auth.hasPermission("admin.platform.delete");
+    const [disableTarget, setDisableTarget] = useState(null);
+    const [historyTarget, setHistoryTarget] = useState(null);
+    const [versionHistory, setVersionHistory] = useState([]);
+    const [isLoadingHistory, setIsLoadingHistory] = useState(false);
+    const [rollbackTarget, setRollbackTarget] = useState(null);
+    const [isRollingBack, setIsRollingBack] = useState(false);
+    const [isReorderMode, setIsReorderMode] = useState(false);
+    const [reorderList, setReorderList] = useState([]);
+    const [originalOrder, setOriginalOrder] = useState([]);
+    const [isSavingOrder, setIsSavingOrder] = useState(false);
+    const hasOrderChanged = isReorderMode &&
+        reorderList.some((m, i) => m.id !== originalOrder[i]);
     const fetchModules = useCallback(async () => {
         if (!registryClient) {
-            setError("Registry client not available.");
+            setError(t("registryPage.errorClientUnavailable"));
             setIsLoading(false);
             return;
         }
@@ -22,108 +55,165 @@ export function RegistryPage({ apiUrl, registryClient }) {
             setModules(data);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to load modules");
+            setError(err instanceof Error ? err.message : t("registryPage.errorLoadModules"));
         }
         finally {
             setIsLoading(false);
         }
-    }, [registryClient]);
+    }, [registryClient, t]);
     useEffect(() => {
         fetchModules();
     }, [fetchModules]);
-    // Add module by URL
-    const handleAddModuleByUrl = async () => {
-        if (!newModuleUrl.trim() || !registryClient) {
+    const handleToggleEnabled = async (module) => {
+        if (!registryClient)
+            return;
+        if (module.enabled) {
+            setDisableTarget(module);
             return;
         }
         try {
-            setIsAdding(true);
             setError(null);
-            await registryClient.modules.register(newModuleUrl.trim());
-            setNewModuleUrl("");
+            await registryClient.modules.update(module.id, { enabled: true });
             await fetchModules();
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to add module");
+            setError(err instanceof Error ? err.message : t("registryPage.errorUpdateModule"));
         }
-        finally {
-            setIsAdding(false);
+    };
+    const confirmDisable = async () => {
+        if (!registryClient || !disableTarget)
+            return;
+        try {
+            setError(null);
+            await registryClient.modules.update(disableTarget.id, { enabled: false });
+            setDisableTarget(null);
+            await fetchModules();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t("registryPage.errorDisableModule"));
         }
     };
-    // Add module by manifest JSON
-    const handleAddModuleByManifest = async () => {
-        if (!manifestJson.trim() || !registryClient)
+    const handleDeleteModule = async (module) => {
+        if (!registryClient)
+            return;
+        const name = resolveLocalizedString(module.manifest.title, i18n.language);
+        const confirmed = window.confirm(t("registryPage.deleteConfirm", { name }));
+        if (!confirmed)
             return;
         try {
-            setIsAdding(true);
             setError(null);
-            // Parse the manifest JSON
-            let manifest;
-            try {
-                manifest = JSON.parse(manifestJson.trim());
-            }
-            catch {
-                throw new Error("Invalid JSON format. Please check your manifest.");
-            }
-            await registryClient.modules.registerFromManifest(manifest, "");
-            setManifestJson("");
+            await registryClient.modules.delete(module.id);
             await fetchModules();
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to add module");
+            setError(err instanceof Error ? err.message : t("registryPage.errorDeleteModule"));
+        }
+    };
+    const openVersionHistory = async (module) => {
+        if (!registryClient)
+            return;
+        setHistoryTarget(module);
+        setIsLoadingHistory(true);
+        setVersionHistory([]);
+        try {
+            const versions = await registryClient.modules.listVersions(module.id);
+            setVersionHistory(versions);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t("registryPage.errorLoadVersions"));
+            setHistoryTarget(null);
         }
         finally {
-            setIsAdding(false);
+            setIsLoadingHistory(false);
         }
     };
-    // Toggle module enabled state
-    const handleToggleEnabled = async (module) => {
-        if (!registryClient)
+    const confirmRollback = async () => {
+        if (!registryClient || !rollbackTarget)
             return;
         try {
+            setIsRollingBack(true);
             setError(null);
-            await registryClient.modules.update(module.id, {
-                enabled: !module.enabled,
-            });
+            await registryClient.modules.rollback(rollbackTarget.module.id, rollbackTarget.version.version);
+            setRollbackTarget(null);
             await fetchModules();
+            if (historyTarget) {
+                const versions = await registryClient.modules.listVersions(historyTarget.id);
+                setVersionHistory(versions);
+            }
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to update module");
+            setError(err instanceof Error ? err.message : t("registryPage.errorRollback"));
+        }
+        finally {
+            setIsRollingBack(false);
         }
     };
-    // Delete module
-    const handleDeleteModule = async (module) => {
-        if (!registryClient)
+    const enterReorderMode = () => {
+        setReorderList([...modules]);
+        setOriginalOrder(modules.map((m) => m.id));
+        setIsReorderMode(true);
+    };
+    const cancelReorder = () => {
+        setIsReorderMode(false);
+        setReorderList([]);
+    };
+    const moveUp = (index) => {
+        if (index <= 0)
             return;
-        const confirmed = window.confirm(`Are you sure you want to delete "${module.manifest.title}"? This action cannot be undone.`);
-        if (!confirmed)
+        const updated = [...reorderList];
+        [updated[index - 1], updated[index]] = [updated[index], updated[index - 1]];
+        setReorderList(updated);
+    };
+    const moveDown = (index) => {
+        if (index >= reorderList.length - 1)
+            return;
+        const updated = [...reorderList];
+        [updated[index], updated[index + 1]] = [updated[index + 1], updated[index]];
+        setReorderList(updated);
+    };
+    const saveOrder = async () => {
+        if (!registryClient)
             return;
         try {
+            setIsSavingOrder(true);
             setError(null);
-            await registryClient.modules.delete(module.id);
+            const order = reorderList.map((m, i) => ({
+                id: m.id,
+                navigationOrder: (i + 1) * 10,
+            }));
+            await registryClient.modules.reorder(order);
+            setIsReorderMode(false);
+            setReorderList([]);
             await fetchModules();
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to delete module");
+            setError(err instanceof Error ? err.message : t("registryPage.errorSaveOrder"));
+        }
+        finally {
+            setIsSavingOrder(false);
         }
     };
+    if (!canView) {
+        return (_jsxs("div", { className: "p-6 max-w-4xl mx-auto space-y-6", "data-testid": "registry-page", children: [_jsx("div", { children: _jsx("h1", { className: "text-3xl font-bold mb-1", "data-testid": "registry-heading", children: t("registryPage.title") }) }), _jsx(Card, { className: "border-destructive", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-3 text-destructive", children: [_jsx(Icon, { name: "shield-x", className: "h-5 w-5" }), _jsx("p", { children: t("errors.accessDeniedDescription") })] }) }) })] }));
+    }
     if (!registryClient) {
-        return (_jsxs("div", { className: "p-6 max-w-4xl mx-auto space-y-6", "data-testid": "registry-page", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-1", "data-testid": "registry-heading", children: "Module Registry" }), _jsx("p", { className: "text-muted-foreground", children: "Manage registered modules" })] }), _jsx(Card, { className: "border-destructive", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-3 text-destructive", children: [_jsx(Icon, { name: "alert-circle", className: "h-5 w-5" }), _jsx("p", { children: "Registry client not available. Please check configuration." })] }) }) })] }));
+        return (_jsxs("div", { className: "p-6 max-w-4xl mx-auto space-y-6", "data-testid": "registry-page", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-1", "data-testid": "registry-heading", children: t("registryPage.title") }), _jsx("p", { className: "text-muted-foreground", children: t("registryPage.description") })] }), _jsx(Card, { className: "border-destructive", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-3 text-destructive", children: [_jsx(Icon, { name: "alert-circle", className: "h-5 w-5" }), _jsx("p", { children: t("registryPage.errorClientUnavailable") })] }) }) })] }));
     }
-    return (_jsxs("div", { className: "p-6 max-w-4xl mx-auto space-y-6", "data-testid": "registry-page", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-1", "data-testid": "registry-heading", children: "Module Registry" }), _jsx("p", { className: "text-muted-foreground", children: "Manage registered modules" })] }), _jsx(Badge, { variant: apiUrl ? "default" : "secondary", children: apiUrl ? "API Mode" : "In-Memory Mode" })] }), error && (_jsx(Card, { className: "border-destructive bg-destructive/10", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-3 text-destructive", children: [_jsx(Icon, { name: "alert-circle", className: "h-5 w-5" }), _jsx("p", { children: error })] }) }) })), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { name: "plus", className: "h-5 w-5 text-muted-foreground" }), _jsx(CardTitle, { className: "text-lg", children: "Add Module" })] }), _jsx(CardDescription, { children: "Register a new module by URL or manifest" })] }), _jsx(CardContent, { children: _jsxs(Tabs, { defaultValue: "url", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2 mb-4", children: [_jsxs(TabsTrigger, { value: "url", children: [_jsx(Icon, { name: "link", className: "h-4 w-4 mr-2" }), "From URL"] }), _jsxs(TabsTrigger, { value: "manifest", children: [_jsx(Icon, { name: "file-text", className: "h-4 w-4 mr-2" }), "From Manifest"] })] }), _jsx(TabsContent, { value: "url", children: _jsxs("form", { onSubmit: (e) => {
-                                            e.preventDefault();
-                                            handleAddModuleByUrl();
-                                        }, className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "module-url", children: "Module Base URL" }), _jsx(Input, { id: "module-url", type: "text", placeholder: "http://localhost:3003/dist", value: newModuleUrl, onChange: (e) => setNewModuleUrl(e.target.value), disabled: isAdding }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Enter the base URL where the module is served. The system will fetch admin.module.json from this URL." })] }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { type: "submit", disabled: !newModuleUrl.trim() || isAdding, children: isAdding ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "loader-2", className: "h-4 w-4 mr-2 animate-spin" }), "Adding..."] })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "plus", className: "h-4 w-4 mr-2" }), "Add Module"] })) }) })] }) }), _jsx(TabsContent, { value: "manifest", children: _jsxs("form", { onSubmit: (e) => {
-                                            e.preventDefault();
-                                            handleAddModuleByManifest();
-                                        }, className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "module-manifest", children: "Module Manifest (JSON)" }), _jsx(Textarea, { id: "module-manifest", placeholder: `{
-  "id": "@admin/my-module",
-  "title": "My Module",
-  "description": "Module description",
-  "category": "Tools",
-  "icon": "package",
-  "routeBase": "/admin/my-module",
-  "keywords": ["keyword1", "keyword2"],
-  "status": "active"
-}`, value: manifestJson, onChange: (e) => setManifestJson(e.target.value), disabled: isAdding, rows: 10, className: "font-mono text-sm" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Paste the module manifest JSON. Required fields: id, title, routeBase." })] }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { type: "submit", disabled: !manifestJson.trim() || isAdding, children: isAdding ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "loader-2", className: "h-4 w-4 mr-2 animate-spin" }), "Adding..."] })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "plus", className: "h-4 w-4 mr-2" }), "Add Module"] })) }) })] }) })] }) })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { name: "package", className: "h-5 w-5 text-muted-foreground" }), _jsxs("h2", { className: "text-lg font-semibold", children: ["Registered Modules", " ", !isLoading && (_jsxs("span", { className: "text-muted-foreground font-normal", children: ["(", modules.length, ")"] }))] })] }), isLoading ? (_jsx(Card, { children: _jsxs(CardContent, { className: "py-8 text-center", children: [_jsx(Icon, { name: "loader-2", className: "h-8 w-8 mx-auto mb-3 animate-spin text-muted-foreground" }), _jsx("p", { className: "text-muted-foreground", children: "Loading modules..." })] }) })) : modules.length === 0 ? (_jsx(Card, { children: _jsxs(CardContent, { className: "py-8 text-center", children: [_jsx(Icon, { name: "package", className: "h-8 w-8 mx-auto mb-3 text-muted-foreground" }), _jsx("p", { className: "text-muted-foreground", children: "No modules registered yet." }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Add a module using the form above." })] }) })) : (_jsx("div", { className: "space-y-3", children: modules.map((module) => (_jsx(Card, { className: !module.enabled ? "opacity-60 border-dashed" : undefined, children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-4 flex-1 min-w-0", children: [_jsx("div", { className: "flex-shrink-0 p-2 rounded-lg bg-muted", children: _jsx(Icon, { name: module.manifest.icon || "package", className: "h-6 w-6" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("h3", { className: "font-semibold truncate", children: module.manifest.title }), _jsx(Badge, { variant: module.enabled ? "success" : "secondary", children: module.enabled ? "Enabled" : "Disabled" })] }), _jsx("p", { className: "text-sm text-muted-foreground mb-3", children: module.manifest.description || "No description" }), _jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "hash", className: "h-3 w-3" }), module.moduleId] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "folder", className: "h-3 w-3" }), module.manifest.category || "General"] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "navigation", className: "h-3 w-3" }), module.manifest.routeBase] }), module.baseUrl && (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "link", className: "h-3 w-3" }), module.baseUrl] }))] })] })] }), _jsxs("div", { className: "flex items-center gap-3 flex-shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-sm text-muted-foreground", children: "Enabled" }), _jsx(Switch, { checked: module.enabled, onCheckedChange: () => handleToggleEnabled(module) })] }), _jsx(Button, { variant: "destructive", size: "sm", onClick: () => handleDeleteModule(module), children: _jsx(Icon, { name: "trash-2", className: "h-4 w-4" }) })] })] }) }) }, module.id))) }))] })] }));
+    return (_jsxs("div", { className: "p-6 max-w-4xl mx-auto space-y-6", "data-testid": "registry-page", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-1", "data-testid": "registry-heading", children: t("registryPage.title") }), _jsx("p", { className: "text-muted-foreground", children: t("registryPage.description") })] }), _jsxs("div", { className: "flex items-center gap-2", children: [canEdit && !isReorderMode && (_jsxs(Button, { variant: "outline", size: "sm", onClick: enterReorderMode, children: [_jsx(Icon, { name: "arrow-up-down", className: "h-4 w-4 mr-2" }), t("registryPage.manageOrder")] })), _jsx(Badge, { variant: apiUrl ? "default" : "secondary", children: apiUrl ? t("registryPage.apiMode") : t("registryPage.inMemoryMode") })] })] }), error && (_jsx(Card, { className: "border-destructive bg-destructive/10", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-3 text-destructive", children: [_jsx(Icon, { name: "alert-circle", className: "h-5 w-5" }), _jsx("p", { children: error })] }) }) })), isReorderMode && (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-lg font-semibold", children: t("registryPage.manageOrder") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: cancelReorder, disabled: isSavingOrder, children: t("common.cancel") }), _jsx(Button, { size: "sm", onClick: saveOrder, disabled: isSavingOrder || !hasOrderChanged, children: isSavingOrder ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "loader-2", className: "h-4 w-4 mr-2 animate-spin" }), t("registryPage.savingOrder")] })) : (t("registryPage.saveOrder")) })] })] }), _jsx("div", { className: "space-y-1", children: reorderList.map((module, index) => (_jsxs("div", { className: "flex items-center gap-3 p-2 rounded-lg border bg-background", children: [_jsx(Badge, { variant: "outline", className: "font-mono text-xs shrink-0", children: t("registryPage.position", { position: index + 1 }) }), _jsx("div", { className: "flex-shrink-0 p-1.5 rounded bg-muted", children: _jsx(Icon, { name: module.manifest.icon || "package", className: "h-4 w-4" }) }), _jsx("span", { className: "flex-1 font-medium truncate", children: resolveLocalizedString(module.manifest.title, i18n.language) }), _jsxs("div", { className: "flex gap-1 shrink-0", children: [_jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", onClick: () => moveUp(index), disabled: index === 0, children: _jsx(Icon, { name: "chevron-up", className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", onClick: () => moveDown(index), disabled: index === reorderList.length - 1, children: _jsx(Icon, { name: "chevron-down", className: "h-4 w-4" }) })] })] }, module.id))) })] }) })), !isReorderMode && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { name: "package", className: "h-5 w-5 text-muted-foreground" }), _jsxs("h2", { className: "text-lg font-semibold", children: [t("registryPage.registeredModules"), " ", !isLoading && (_jsxs("span", { className: "text-muted-foreground font-normal", children: ["(", modules.length, ")"] }))] })] }), isLoading ? (_jsx(Card, { children: _jsxs(CardContent, { className: "py-8 text-center", children: [_jsx(Icon, { name: "loader-2", className: "h-8 w-8 mx-auto mb-3 animate-spin text-muted-foreground" }), _jsx("p", { className: "text-muted-foreground", children: t("registryPage.loadingModules") })] }) })) : modules.length === 0 ? (_jsx(Card, { children: _jsxs(CardContent, { className: "py-8 text-center", children: [_jsx(Icon, { name: "package", className: "h-8 w-8 mx-auto mb-3 text-muted-foreground" }), _jsx("p", { className: "text-muted-foreground", children: t("registryPage.noModules") }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: t("registryPage.noModulesHint") })] }) })) : (_jsx("div", { className: "space-y-3", children: modules.map((module, index) => (_jsx(Card, { className: !module.enabled ? "opacity-60 border-dashed" : undefined, "data-testid": `module-card-${module.moduleId}`, children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-4 flex-1 min-w-0", children: [_jsx("div", { className: "flex-shrink-0 p-2 rounded-lg bg-muted", children: _jsx(Icon, { name: module.manifest.icon || "package", className: "h-6 w-6" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1 flex-wrap", children: [_jsx("h3", { className: "font-semibold truncate", children: resolveLocalizedString(module.manifest.title, i18n.language) }), canEdit && (_jsx(Badge, { variant: module.enabled ? "success" : "secondary", children: module.enabled
+                                                                        ? t("registryPage.enabled")
+                                                                        : t("registryPage.disabled") })), module.version ? (_jsxs(Badge, { variant: "outline", "data-testid": `version-badge-${module.moduleId}`, children: ["v", module.version] })) : (_jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: t("registryPage.unversioned") }))] }), _jsx("p", { className: "text-sm text-muted-foreground mb-3", children: resolveLocalizedString(module.manifest.description, i18n.language) ||
+                                                                t("registryPage.noDescription") }), _jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "hash", className: "h-3 w-3" }), module.moduleId] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "folder", className: "h-3 w-3" }), module.manifest.category || "General"] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Icon, { name: "navigation", className: "h-3 w-3" }), module.manifest.routeBase] }), module.baseUrl && (_jsxs("span", { className: "flex items-center gap-1", title: module.baseUrl, children: [_jsx(Icon, { name: "link", className: "h-3 w-3" }), _jsx("span", { className: "truncate max-w-[200px]", children: module.baseUrl })] }))] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [_jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: t("registryPage.position", { position: index + 1 }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => openVersionHistory(module), title: t("registryPage.versionHistory"), "data-testid": `version-history-btn-${module.moduleId}`, children: _jsx(Icon, { name: "history", className: "h-4 w-4" }) }), canEdit && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { className: "text-sm text-muted-foreground", children: t("registryPage.enabled") }), _jsx(Switch, { checked: module.enabled, onCheckedChange: () => handleToggleEnabled(module), "data-testid": `enable-switch-${module.moduleId}` })] })), canDelete && (_jsx(Button, { variant: "destructive", size: "sm", onClick: () => handleDeleteModule(module), children: _jsx(Icon, { name: "trash-2", className: "h-4 w-4" }) }))] })] }) }) }, module.id))) }))] })), _jsx(Dialog, { open: !!disableTarget, onOpenChange: (open) => !open && setDisableTarget(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("registryPage.disableTitle", {
+                                        name: disableTarget
+                                            ? resolveLocalizedString(disableTarget.manifest.title, i18n.language)
+                                            : "",
+                                    }) }), _jsx(DialogDescription, { children: t("registryPage.disableDescription") })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setDisableTarget(null), children: t("common.cancel") }), _jsx(Button, { variant: "destructive", onClick: confirmDisable, children: t("registryPage.disableConfirm") })] })] }) }), _jsx(Sheet, { open: !!historyTarget, onOpenChange: (open) => !open && setHistoryTarget(null), children: _jsxs(SheetContent, { className: "sm:max-w-md", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: t("registryPage.versionHistory") }), _jsx(SheetDescription, { children: historyTarget && resolveLocalizedString(historyTarget.manifest.title, i18n.language) })] }), _jsx("div", { className: "mt-6 space-y-3", "data-testid": "version-history-list", children: isLoadingHistory ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(Icon, { name: "loader-2", className: "h-6 w-6 mx-auto mb-2 animate-spin text-muted-foreground" }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("registryPage.loadingVersions") })] })) : versionHistory.length === 0 ? (_jsxs("div", { className: "py-8 text-center", children: [_jsx(Icon, { name: "package", className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("registryPage.noVersionHistory") })] })) : (versionHistory.map((v) => (_jsxs("div", { className: "flex items-center justify-between gap-3 p-3 rounded-lg border", "data-testid": `version-entry-${v.version}`, children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-0.5", children: [_jsxs("span", { className: "font-mono text-sm font-medium", children: ["v", v.version] }), v.active && (_jsx(Badge, { variant: "success", className: "text-xs", children: t("registryPage.versionActive") }))] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [formatRelativeDate(v.publishedAt), typeof v.metadata?.rolledBackFrom === "string" && (_jsx("span", { className: "ml-2 text-amber-600", children: t("registryPage.rolledBackFrom", {
+                                                            version: v.metadata.rolledBackFrom,
+                                                        }) }))] })] }), !v.active && historyTarget && canEdit && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setRollbackTarget({ module: historyTarget, version: v }), "data-testid": `rollback-btn-${v.version}`, children: [_jsx(Icon, { name: "undo-2", className: "h-3.5 w-3.5 mr-1.5" }), t("registryPage.rollback")] }))] }, v.id)))) })] }) }), _jsx(Dialog, { open: !!rollbackTarget, onOpenChange: (open) => !open && setRollbackTarget(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("registryPage.rollbackTitle", {
+                                        version: rollbackTarget?.version.version ?? "",
+                                    }) }), _jsx(DialogDescription, { children: rollbackTarget &&
+                                        t("registryPage.rollbackDescription", {
+                                            name: resolveLocalizedString(rollbackTarget.module.manifest.title, i18n.language),
+                                            fromVersion: rollbackTarget.module.version ?? "",
+                                            toVersion: rollbackTarget.version.version,
+                                        }) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setRollbackTarget(null), disabled: isRollingBack, children: t("common.cancel") }), _jsx(Button, { onClick: confirmRollback, disabled: isRollingBack, children: isRollingBack ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "loader-2", className: "h-4 w-4 mr-2 animate-spin" }), t("registryPage.rollingBack")] })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "undo-2", className: "h-4 w-4 mr-2" }), t("registryPage.rollbackConfirm")] })) })] })] }) })] }));
 }

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

@@ -0,0 +1,6 @@
+import type { RegistryCacheStatus } from "../../registry/cache/types";
+export interface RegistryStatusBannerProps {
+    status: RegistryCacheStatus;
+    onRetry: () => void;
+}
+export declare function RegistryStatusBanner({ status, onRetry }: RegistryStatusBannerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/shell/components/RegistryStatusBanner.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Alert, AlertDescription } from "@nsxbet/admin-ui";
+import { useI18n } from "../../hooks/useI18n";
+function formatRelativeTime(isoTimestamp) {
+    const diff = Date.now() - new Date(isoTimestamp).getTime();
+    const minutes = Math.floor(diff / 60000);
+    if (minutes < 1)
+        return "just now";
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+export function RegistryStatusBanner({ status, onRetry }) {
+    const { t } = useI18n();
+    if (status.state === "fresh" || status.state === "unavailable") {
+        return null;
+    }
+    const isCached = status.state === "cached";
+    const className = isCached
+        ? "border-blue-200 bg-blue-50 text-blue-800 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-200"
+        : "border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-200";
+    const message = isCached
+        ? t("registryCache.cachedMessage")
+        : t("registryCache.staleMessage");
+    const relativeTime = formatRelativeTime(status.cachedAt);
+    return (_jsx(Alert, { variant: "default", className: className, "data-testid": "registry-status-banner", children: _jsxs(AlertDescription, { className: "flex items-center justify-between", children: [_jsxs("span", { "data-testid": "registry-banner-message", children: [message, " ", _jsxs("span", { className: "opacity-75", children: ["(", t("registryCache.lastUpdated", { time: relativeTime }), ")"] })] }), _jsx("button", { onClick: onRetry, className: "ml-4 shrink-0 underline underline-offset-2 hover:opacity-80", "data-testid": "registry-banner-retry", children: t("registryCache.retry") })] }) }));
+}

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

@@ -0,0 +1,4 @@
+export interface RegistryUnavailableProps {
+    onRetry: () => void;
+}
+export declare function RegistryUnavailable({ onRetry }: RegistryUnavailableProps): import("react/jsx-runtime").JSX.Element;

package/dist/shell/components/RegistryUnavailable.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@nsxbet/admin-ui";
+import { useI18n } from "../../hooks/useI18n";
+export function RegistryUnavailable({ onRetry }) {
+    const { t } = useI18n();
+    return (_jsxs("div", { className: "flex h-screen flex-col items-center justify-center gap-4", "data-testid": "registry-unavailable", children: [_jsx("h1", { className: "text-2xl font-semibold text-foreground", children: t("registryCache.unavailableTitle") }), _jsx("p", { className: "max-w-md text-center text-muted-foreground", children: t("registryCache.unavailableDescription") }), _jsx(Button, { onClick: onRetry, "data-testid": "registry-unavailable-retry", children: t("registryCache.retry") })] }));
+}

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

@@ -1,2 +1 @@
 export declare function SettingsPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SettingsPage.d.ts.map

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

@@ -0,0 +1,15 @@
+import type { Module } from "../types";
+import type { LocalizedField } from "../../i18n/config.js";
+interface StackedPanelProps {
+    module: Module;
+    showPinned: boolean;
+    isCommandPinned: (moduleId: string, commandId: string) => boolean;
+    togglePin: (module: Module, command: {
+        id: string;
+        title: LocalizedField;
+        route: string;
+        icon?: string;
+    }) => void;
+}
+export declare function StackedPanel({ module, showPinned, isCommandPinned, togglePin, }: StackedPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shell/components/StackedPanel.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate, useLocation } from "react-router-dom";
+import { useI18n } from "../../hooks/useI18n";
+import { resolveLocalizedString } from "../../i18n";
+import { SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar, Icon, ChevronLeft, Pin, } from "@nsxbet/admin-ui";
+export function StackedPanel({ module, showPinned, isCommandPinned, togglePin, }) {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const { i18n } = useI18n();
+    const { state } = useSidebar();
+    const isCollapsed = state === "collapsed";
+    const moduleTitle = resolveLocalizedString(module.title, i18n.language);
+    const sections = module.navigation?.sections ?? [];
+    const commands = module.commands ?? [];
+    const isRouteActive = (route) => {
+        return location.pathname === route || location.pathname.startsWith(route + "/");
+    };
+    const commandsBySection = new Map();
+    for (const cmd of commands) {
+        const key = cmd.section;
+        if (!commandsBySection.has(key)) {
+            commandsBySection.set(key, []);
+        }
+        commandsBySection.get(key).push(cmd);
+    }
+    const renderCommand = (command) => {
+        const isPinned = isCommandPinned(module.id, command.id);
+        const commandTitle = resolveLocalizedString(command.title, i18n.language);
+        return (_jsx(SidebarMenuItem, { className: "group/command", children: _jsxs("div", { className: "flex items-center w-full", children: [_jsxs(SidebarMenuButton, { onClick: () => navigate(command.route), isActive: isRouteActive(command.route), tooltip: commandTitle, "data-testid": `stacked-command-${command.id}`, className: "flex-1 min-w-0", children: [command.icon && _jsx(Icon, { name: command.icon, className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: commandTitle })] }), showPinned && !isCollapsed && (_jsx("button", { onClick: (e) => {
+                            e.stopPropagation();
+                            e.preventDefault();
+                            togglePin(module, command);
+                        }, className: `shrink-0 p-0.5 rounded mr-2 transition-opacity ${isPinned
+                            ? "text-primary hover:text-destructive hover:bg-sidebar-accent opacity-100"
+                            : "text-muted-foreground hover:text-primary hover:bg-sidebar-accent opacity-0 group-hover/command:opacity-100"}`, title: isPinned ? "Unpin" : "Pin", "data-testid": `stacked-pin-toggle-${command.id}`, children: _jsx(Pin, { className: `h-3.5 w-3.5 ${isPinned ? "fill-current" : ""}` }) }))] }) }, command.id));
+    };
+    const unsectionedCommands = commandsBySection.get(undefined) ?? [];
+    return (_jsxs("div", { className: "flex flex-col h-full", "data-testid": "stacked-panel", children: [!isCollapsed && (_jsx("div", { className: "px-2 pt-2 pb-1", children: _jsxs("button", { onClick: () => navigate("/"), className: "flex items-center gap-1.5 w-full rounded-md px-2 py-1.5 text-sm font-medium text-sidebar-foreground hover:bg-sidebar-accent transition-colors", "data-testid": "stacked-back", children: [_jsx(ChevronLeft, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), module.icon && _jsx(Icon, { name: module.icon, className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: moduleTitle })] }) })), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [unsectionedCommands.length > 0 && (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: unsectionedCommands.map(renderCommand) }) }) })), sections.map((section) => {
+                        const sectionCommands = commandsBySection.get(section.id) ?? [];
+                        if (sectionCommands.length === 0)
+                            return null;
+                        const sectionLabel = resolveLocalizedString(section.label, i18n.language);
+                        return (_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { className: "text-sidebar-foreground/90 font-semibold uppercase text-[10px] tracking-wider", "data-testid": `stacked-section-${section.id}`, children: sectionLabel }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: sectionCommands.map(renderCommand) }) })] }, section.id));
+                    })] })] }));
+}

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

@@ -1,8 +1,10 @@
+import type { TimezoneMode } from "../../types/platform";
 export interface TopBarProps {
     onSearchClick?: () => void;
     environment?: string;
     locale?: string;
     onLocaleChange?: (locale: string) => void;
+    timezoneMode?: TimezoneMode;
+    onTimezoneToggle?: () => void;
 }
-export declare function TopBar({ onSearchClick, environment, locale: externalLocale, onLocaleChange, }: TopBarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TopBar.d.ts.map
+export declare function TopBar({ onSearchClick, environment, locale: externalLocale, onLocaleChange, timezoneMode, onTimezoneToggle, }: TopBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/shell/components/TopBar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { Search, Moon, Sun, Check } from "lucide-react";
+import { Search, Moon, Sun, Check, Clock, Globe } from "lucide-react";
 import { useTheme } from "./theme-provider";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Badge, Button, } from "@nsxbet/admin-ui";
 import { SUPPORTED_LOCALES, LOCALE_FLAGS, LOCALE_NAMES } from "../../i18n";
@@ -27,7 +27,7 @@ const ENV_HEADER_COLORS_DARK = {
     staging: "bg-yellow-950 border-yellow-800",
     production: "bg-red-950 border-red-800",
 };
-export function TopBar({ onSearchClick, environment = "local", locale: externalLocale, onLocaleChange, }) {
+export function TopBar({ onSearchClick, environment = "local", locale: externalLocale, onLocaleChange, timezoneMode = "local", onTimezoneToggle, }) {
     const { theme, setTheme } = useTheme();
     const { t } = useI18n();
     const [locale, setLocale] = useState(externalLocale || "pt-BR");
@@ -57,5 +57,11 @@ export function TopBar({ onSearchClick, environment = "local", locale: externalL
         : ENV_HEADER_COLORS_LIGHT[environment] || "bg-background border-b";
     // Get flag for current locale
     const currentFlag = LOCALE_FLAGS[locale] || "🌐";
-    return (_jsxs("header", { className: `flex h-14 items-center justify-between px-4 ${headerColorClasses}`, role: "banner", "data-environment": environment, children: [_jsx(Badge, { className: `${ENV_COLORS[environment]} uppercase text-white`, children: environment }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs(Button, { variant: "outline", onClick: onSearchClick, "data-testid": "search-button", className: "relative h-8 w-40 justify-start rounded-md bg-muted/50 px-3 text-sm font-normal text-muted-foreground shadow-none sm:w-48", children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), _jsx("span", { children: t('topBar.search') }), _jsxs("kbd", { className: "pointer-events-none absolute right-1.5 top-1 hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex", children: [_jsx("span", { className: "text-xs", children: "\u2318" }), "K"] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "flex items-center gap-1 text-xl transition-opacity hover:opacity-80 focus:outline-none", "data-testid": "language-selector", title: t('topBar.language'), children: _jsx("span", { children: currentFlag }) }), _jsx(DropdownMenuContent, { align: "end", className: "min-w-[180px]", children: SUPPORTED_LOCALES.map((localeOption) => (_jsxs(DropdownMenuItem, { onClick: () => handleLocaleChange(localeOption), className: "flex items-center justify-between", "data-testid": `language-option-${localeOption}`, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "mr-2 text-lg", children: LOCALE_FLAGS[localeOption] }), _jsx("span", { children: LOCALE_NAMES[localeOption] })] }), locale === localeOption && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, localeOption))) })] }), _jsxs(Button, { variant: "ghost", size: "icon", onClick: toggleTheme, title: t('topBar.theme'), children: [_jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }), _jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }), _jsx("span", { className: "sr-only", children: t('topBar.theme') })] })] })] }));
+    return (_jsxs("header", { className: `flex h-14 items-center justify-between px-4 ${headerColorClasses}`, role: "banner", "data-environment": environment, children: [_jsx(Badge, { "data-testid": "environment-badge", className: `${ENV_COLORS[environment]} uppercase text-white`, children: environment }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs(Button, { variant: "outline", onClick: onSearchClick, "data-testid": "search-button", className: "relative h-8 w-40 justify-start rounded-md bg-muted/50 px-3 text-sm font-normal text-muted-foreground shadow-none sm:w-48", children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), _jsx("span", { children: t('topBar.search') }), _jsxs("kbd", { className: "pointer-events-none absolute right-1.5 top-1 hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex", children: [_jsx("span", { className: "text-xs", children: "\u2318" }), "K"] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "flex items-center gap-1 text-xl transition-opacity hover:opacity-80 focus:outline-none", "data-testid": "language-selector", title: t('topBar.language'), children: _jsx("span", { children: currentFlag }) }), _jsx(DropdownMenuContent, { align: "end", className: "min-w-[180px]", children: SUPPORTED_LOCALES.map((localeOption) => (_jsxs(DropdownMenuItem, { onClick: () => handleLocaleChange(localeOption), className: "flex items-center justify-between", "data-testid": `language-option-${localeOption}`, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "mr-2 text-lg", children: LOCALE_FLAGS[localeOption] }), _jsx("span", { children: LOCALE_NAMES[localeOption] })] }), locale === localeOption && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, localeOption))) })] }), _jsxs("div", { role: "radiogroup", "data-testid": "timezone-toggle", "aria-label": timezoneMode === "utc"
+                            ? t('topBar.timezoneToggleUtc')
+                            : t('topBar.timezoneToggleLocal'), className: "relative inline-flex h-8 items-center gap-0.5 rounded-lg border bg-muted/50 p-1 text-muted-foreground", children: [_jsx("div", { className: `absolute top-1 bottom-1 w-[calc(50%-4px)] rounded-md bg-background shadow-sm transition-transform duration-200 ease-out ${timezoneMode === "local" ? "translate-x-[calc(100%+2px)]" : "translate-x-0"}` }), _jsxs("button", { type: "button", role: "radio", "aria-checked": timezoneMode === "utc", onClick: timezoneMode !== "utc" ? onTimezoneToggle : undefined, className: `relative z-10 inline-flex items-center gap-1.5 rounded-md px-3 py-1 text-xs font-medium transition-colors duration-200 ${timezoneMode === "utc"
+                                    ? "text-foreground"
+                                    : "hover:text-foreground"}`, children: [_jsx(Globe, { className: "h-3.5 w-3.5" }), t('topBar.timezoneUtc')] }), _jsxs("button", { type: "button", role: "radio", "aria-checked": timezoneMode === "local", onClick: timezoneMode !== "local" ? onTimezoneToggle : undefined, className: `relative z-10 inline-flex items-center gap-1.5 rounded-md px-3 py-1 text-xs font-medium transition-colors duration-200 ${timezoneMode === "local"
+                                    ? "text-foreground"
+                                    : "hover:text-foreground"}`, children: [_jsx(Clock, { className: "h-3.5 w-3.5" }), t('topBar.timezoneLocal')] })] }), _jsxs(Button, { variant: "ghost", size: "icon", onClick: toggleTheme, title: t('topBar.theme'), children: [_jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }), _jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }), _jsx("span", { className: "sr-only", children: t('topBar.theme') })] })] })] }));
 }

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

@@ -0,0 +1,5 @@
+export interface UpdateBannerProps {
+    onReload: () => void;
+    onDismiss: () => void;
+}
+export declare function UpdateBanner({ onReload, onDismiss }: UpdateBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/shell/components/UpdateBanner.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RefreshCw, X } from "lucide-react";
+import { Button } from "@nsxbet/admin-ui";
+import { useI18n } from "../../hooks/useI18n";
+export function UpdateBanner({ onReload, onDismiss }) {
+    const { t } = useI18n();
+    return (_jsxs("div", { className: "relative flex items-center justify-center gap-3 bg-blue-600 px-4 py-2 text-sm text-white dark:bg-blue-700", children: [_jsx(RefreshCw, { className: "h-4 w-4 shrink-0 animate-spin-slow" }), _jsx("span", { children: t("shell.updateBanner.message", "Updates available — Reload to apply") }), _jsx(Button, { variant: "secondary", size: "sm", className: "h-7 bg-white/20 text-white hover:bg-white/30", onClick: onReload, children: t("shell.updateBanner.reload", "Reload") }), _jsx("button", { onClick: onDismiss, className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-1 text-white/70 hover:bg-white/20 hover:text-white", "aria-label": t("shell.updateBanner.dismiss", "Dismiss"), children: _jsx(X, { className: "h-4 w-4" }) })] }));
+}

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

@@ -7,4 +7,7 @@ export type { CommandPaletteProps } from "./CommandPalette";
 export { ThemeProvider, useTheme } from "./theme-provider";
 export { RegistryPage } from "./RegistryPage";
 export { HomePage } from "./HomePage";
-//# sourceMappingURL=index.d.ts.map
+export { RegistryStatusBanner } from "./RegistryStatusBanner";
+export type { RegistryStatusBannerProps } from "./RegistryStatusBanner";
+export { RegistryUnavailable } from "./RegistryUnavailable";
+export type { RegistryUnavailableProps } from "./RegistryUnavailable";

package/dist/shell/components/index.js

@@ -5,3 +5,5 @@ export { CommandPalette } from "./CommandPalette";
 export { ThemeProvider, useTheme } from "./theme-provider";
 export { RegistryPage } from "./RegistryPage";
 export { HomePage } from "./HomePage";
+export { RegistryStatusBanner } from "./RegistryStatusBanner";
+export { RegistryUnavailable } from "./RegistryUnavailable";

package/dist/shell/components/theme-provider.d.ts

@@ -12,4 +12,3 @@ export declare function ThemeProvider({ children, defaultTheme, // Brasa Design
 storageKey, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const useTheme: () => ThemeProviderState;
 export {};
-//# sourceMappingURL=theme-provider.d.ts.map

package/dist/shell/components/theme-provider.js

@@ -12,12 +12,15 @@ storageKey = "admin-ui-theme", ...props }) {
         const root = window.document.documentElement;
         root.classList.remove("light", "dark");
         if (theme === "system") {
-            const systemTheme = window.matchMedia("(prefers-color-scheme: dark)")
-                .matches
-                ? "dark"
-                : "light";
+            const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+            const systemTheme = mediaQuery.matches ? "dark" : "light";
             root.classList.add(systemTheme);
-            return;
+            const handleChange = (e) => {
+                root.classList.remove("light", "dark");
+                root.classList.add(e.matches ? "dark" : "light");
+            };
+            mediaQuery.addEventListener("change", handleChange);
+            return () => mediaQuery.removeEventListener("change", handleChange);
         }
         root.classList.add(theme);
     }, [theme]);

package/dist/shell/hooks/useCspViolations.d.ts

@@ -0,0 +1,12 @@
+export interface CspViolation {
+    blockedURI: string;
+    violatedDirective: string;
+    effectiveDirective: string;
+    documentURI: string;
+    timestamp: string;
+}
+export declare function useCspViolations(environment: string): {
+    violations: CspViolation[];
+    unseenCount: number;
+    resetUnseenCount: () => void;
+};