@deenruv/admin-dashboard 1.0.16 → 1.0.17-dev.14

package/dist/components/Menu/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useMemo, useState } from 'react';
 import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, ScrollArea, TooltipProvider, Routes, useSettings, useServer, usePluginStore, cn, dashToCamelCase, apiClient, useGlobalSearch, useTranslation, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuPortal, DropdownMenuSubContent, createDialog, buildURL, } from '@deenruv/react-ui-devkit';
+import { Permission } from '@deenruv/admin-types';
 import { useShallow } from 'zustand/react/shallow';
 import { GripVertical, LogOutIcon, MenuIcon, Moon, Slash, Sun, SunMoon, RotateCwSquare, SearchIcon, } from 'lucide-react';
 import * as ResizablePrimitive from 'react-resizable-panels';
@@ -11,15 +12,17 @@ import { BrandLogo } from "../BrandLogo.js";
 import { LanguagesDropdown } from './LanguagesDropdown.js';
 import { Notifications } from './Notifications.js';
 import { NavigationFooter } from "./NavigationFooter.js";
-const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitive.PanelGroup, { className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className), ...props }));
+import { canAccessAdminItem, useAdminAccess } from "../../access/index.js";
+const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitive.Group, { className: cn('flex h-full w-full data-[orientation=vertical]:flex-col', className), ...props }));
 const ResizablePanel = ResizablePrimitive.Panel;
-const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.PanelResizeHandle, { className: cn('relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90', className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: _jsx(GripVertical, { className: "size-2.5" }) })) }));
+const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.Separator, { className: cn('relative flex w-px items-center justify-center bg-border/70 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:translate-x-0 data-[orientation=vertical]:after:-translate-y-1/2 [&[data-orientation=vertical]>div]:rotate-90', className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center border bg-background text-muted-foreground", children: _jsx(GripVertical, { className: "size-2.5" }) })) }));
 const removableCrumbs = ['draft', 'admin-ui'];
 export const Menu = ({ children }) => {
     const openGlobalSearch = useGlobalSearch((state) => state.open);
     const linkPath = [];
     const { t } = useTranslation('common');
     const { topNavigationActionsMenu, topNavigationComponents } = usePluginStore();
+    const { routes, defaultRoute } = useAdminAccess();
     const { logOut, theme, setTheme } = useSettings(useShallow((p) => ({
         logOut: p.logOut,
         theme: p.theme,
@@ -29,7 +32,36 @@ export const Menu = ({ children }) => {
     })));
     const navigate = useNavigate();
     const [isCollapsed, setIsCollapsed] = useState(false);
-    const { activeAdministrator, setJobQueue } = useServer();
+    const { activeAdministrator, clearAdministratorAccess, setJobQueue, userPermissions } = useServer();
+    const defaultRoutePath = defaultRoute?.path || Routes.dashboard;
+    const defaultRouteMenuKey = defaultRoute?.nav?.menuKey || defaultRoute?.search?.menuKey || 'dashboard';
+    const globalSearchEnabled = true;
+    const languageSwitcherEnabled = true;
+    const channelSwitcherEnabled = true;
+    const notificationsEnabled = true;
+    const reindexEnabled = canAccessAdminItem({
+        item: { requiredPermissions: [Permission.UpdateCatalog, Permission.UpdateProduct] },
+        userPermissions,
+    });
+    const canAccessPluginSurface = (entry) => canAccessAdminItem({ item: entry.access, userPermissions });
+    const allowedTopNavigationComponents = topNavigationComponents?.filter(canAccessPluginSurface);
+    const allowedTopNavigationActions = topNavigationActionsMenu?.filter(canAccessPluginSurface);
+    const systemStatusRoute = routes.find((route) => route.id === 'system.status');
+    const globalSettingsRoute = routes.find((route) => route.id === 'settings.global');
+    const fastLinks = [
+        systemStatusRoute &&
+            canAccessAdminItem({ item: systemStatusRoute, userPermissions }) && {
+            key: 'systemStatus',
+            label: t('systemStatus'),
+            path: systemStatusRoute.path,
+        },
+        globalSettingsRoute &&
+            canAccessAdminItem({ item: globalSettingsRoute, userPermissions }) && {
+            key: 'globalSettings',
+            label: t('globalSettings'),
+            path: globalSettingsRoute.path,
+        },
+    ].filter(Boolean);
     const rebuildSearchIndex = async () => {
         await apiClient('mutation')({ reindex: { id: true, queueName: true, state: true } }).then(({ reindex: { queueName, state } }) => {
             setJobQueue(queueName, state === 'RUNNING');
@@ -42,18 +74,18 @@ export const Menu = ({ children }) => {
         .flatMap((p) => p.split('/'))
         .filter(Boolean)
         .filter((crumb) => !removableCrumbs.includes(crumb)), [matches]);
-    return (_jsx("div", { className: "w-full border-r bg-muted/40", children: _jsx("div", { className: "flex h-full max-h-screen flex-col gap-2", children: _jsx("div", { className: "flex-1", children: _jsx(TooltipProvider, { delayDuration: 100, children: _jsxs(ResizablePanelGroup, { onLayout: (sizes) => {
-                            document.cookie = `react-resizable-panels:layout=${JSON.stringify(sizes)}`;
-                        }, direction: "horizontal", className: "size-full", children: [_jsxs(ResizablePanel, { defaultSize: 18, collapsedSize: 4, collapsible: true, minSize: 10, maxSize: 20, onExpand: () => {
-                                    setIsCollapsed(false);
-                                    document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(false)}`;
-                                }, onCollapse: () => {
-                                    setIsCollapsed(true);
-                                    document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(true)}`;
-                                }, className: cn(isCollapsed && 'min-w-[50px] transition-all duration-300 ease-in-out'), children: [_jsx("div", { className: cn('flex h-[80px] flex-col items-center justify-center gap-4 border-b'), children: _jsx("div", { className: `flex h-full items-center justify-center ${!isCollapsed && 'w-full'} cursor-pointer p-4`, onClick: () => navigate(Routes.dashboard, { viewTransition: true }), children: _jsx(BrandLogo, { isCollapsed: isCollapsed }) }) }), _jsxs("div", { className: "flex h-[calc(100vh-80px)] flex-col justify-between", children: [_jsx(Navigation, { isCollapsed: isCollapsed }), _jsx(NavigationFooter, { isCollapsed: isCollapsed })] })] }), _jsx(ResizableHandle, { withHandle: true }), _jsxs(ResizablePanel, { children: [_jsxs("div", { className: "flex h-[70px] items-center border-b p-4 lg:h-[80px] lg:px-6", children: [_jsxs("div", { className: "flex flex-col items-start justify-center", children: [_jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: crumbs.length ? (crumbs.map((c, i) => {
+    return (_jsx("div", { className: "w-full bg-background", children: _jsx("div", { className: "flex h-full max-h-screen flex-col", children: _jsx("div", { className: "flex-1", children: _jsx(TooltipProvider, { delayDuration: 100, children: _jsxs(ResizablePanelGroup, { onLayoutChanged: (layout) => {
+                            document.cookie = `react-resizable-panels:layout=${JSON.stringify(Object.values(layout))}`;
+                        }, orientation: "horizontal", className: "size-full", children: [_jsxs(ResizablePanel, { id: "navigation", defaultSize: "16%", collapsedSize: "4%", collapsible: true, minSize: "11%", maxSize: "18%", onResize: (size) => {
+                                    const collapsed = size.asPercentage <= 4;
+                                    setIsCollapsed(collapsed);
+                                    document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(collapsed)}`;
+                                }, className: cn(isCollapsed && 'min-w-[50px] transition-all duration-300 ease-in-out'), children: [_jsx("div", { className: cn('flex h-[72px] flex-col items-center justify-center gap-4 border-b bg-card/80'), children: _jsx("div", { className: `flex h-full items-center justify-center ${!isCollapsed && 'w-full'} cursor-pointer px-4 py-3`, onClick: () => navigate(defaultRoutePath, { viewTransition: true }), children: _jsx(BrandLogo, { isCollapsed: isCollapsed }) }) }), _jsxs("div", { className: "flex h-[calc(100vh-72px)] flex-col justify-between bg-card/70", children: [_jsx(Navigation, { isCollapsed: isCollapsed }), _jsx(NavigationFooter, { isCollapsed: isCollapsed })] })] }), _jsx(ResizableHandle, { withHandle: true }), _jsxs(ResizablePanel, { id: "content", children: [_jsxs("div", { className: "flex h-[64px] items-center border-b bg-background/95 px-3 backdrop-blur lg:h-[72px] lg:px-5", children: [_jsxs("div", { className: "flex flex-col items-start justify-center", children: [_jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: crumbs.length ? (crumbs.map((c, i) => {
                                                                 linkPath.push(c);
-                                                                return (_jsxs(React.Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsx(NavLink, { to: buildURL(linkPath), viewTransition: true, children: _jsx("p", { className: cn('text-md font-bold text-foreground capitalize'), children: i === 0 ? t('menu.' + dashToCamelCase(c)) : c }) }) }), i !== crumbs.length - 1 && (_jsx(BreadcrumbSeparator, { children: _jsx(Slash, { className: "text-muted-foreground" }) }))] }, c));
-                                                            })) : (_jsx(BreadcrumbItem, { children: _jsx(NavLink, { to: Routes.dashboard, viewTransition: true, children: _jsx("p", { className: "text-2xl font-bold text-foreground", children: t('dashboard') }) }) })) }) }), _jsx("div", { className: "flex items-center gap-2" })] }), _jsxs("div", { className: "flex flex-1 items-center justify-end gap-2", children: [topNavigationComponents && topNavigationComponents.length > 0 ? (_jsx("div", { className: "flex items-center gap-2", children: topNavigationComponents.map(({ component: Component }, index) => (_jsx(Component, {}, index))) })) : null, _jsx(LanguagesDropdown, {}), _jsx(ChannelSwitcher, { className: "min-w-44" }), _jsx(Button, { onClick: openGlobalSearch, variant: "outline", size: "icon", className: "relative size-10", children: _jsx(SearchIcon, { className: "size-4" }) }), _jsx(Notifications, {}), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", children: [theme === 'light' ? (_jsx(Sun, { className: "size-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" })) : theme === 'dark' ? (_jsx(Moon, { className: "absolute size-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" })) : (_jsx(SunMoon, { className: "absolute size-[1.2rem] rotate-90 transition-all" })), _jsx("span", { className: "sr-only", children: t('toggleTheme') })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => setTheme('light'), children: t('themeLight') }), _jsx(DropdownMenuItem, { onClick: () => setTheme('dark'), children: t('themeDark') }), _jsx(DropdownMenuItem, { onClick: () => setTheme('system'), children: t('themeSystem') })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", children: _jsx(MenuIcon, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { className: "z-[150] mr-6 min-w-40", children: [activeAdministrator?.emailAddress && (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuLabel, { className: "flex items-center gap-2 px-3 py-2 font-medium", children: [_jsx("div", { className: "flex size-5 items-center justify-center rounded-full bg-gray-100 text-xs text-gray-600", children: activeAdministrator.firstName.charAt(0).toUpperCase() }), _jsxs("div", { className: "truncate text-sm", children: [activeAdministrator.firstName, " ", activeAdministrator.lastName] })] }), _jsx(DropdownMenuSeparator, { className: "my-1" })] })), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: rebuildSearchIndex, children: [_jsx(RotateCwSquare, { className: "size-4" }), t('rebuildSerachIndex')] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: t('fastLinks') }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { children: [_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: () => navigate(Routes.status, { viewTransition: true }), children: [_jsx(RotateCwSquare, { className: "size-4" }), t('systemStatus')] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: () => navigate(Routes.globalSettings, { viewTransition: true }), children: [_jsx(RotateCwSquare, { className: "size-4" }), t('globalSettings')] })] }) })] }) }), topNavigationActionsMenu?.length && topNavigationActionsMenu.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), topNavigationActionsMenu.map((action) => (_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2", onSelect: action.onClick, children: [action.icon && _jsx(action.icon, { className: "size-4" }), action.label] }, action.label)))] })) : null, _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-red-500", onSelect: async () => {
+                                                                return (_jsxs(React.Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsx(NavLink, { to: buildURL(linkPath), viewTransition: true, children: _jsx("p", { className: cn('text-sm font-semibold tracking-tight text-foreground capitalize'), children: i === 0 ? t('menu.' + dashToCamelCase(c)) : c }) }) }), i !== crumbs.length - 1 && (_jsx(BreadcrumbSeparator, { children: _jsx(Slash, { className: "text-muted-foreground" }) }))] }, c));
+                                                            })) : (_jsx(BreadcrumbItem, { children: _jsx(NavLink, { to: defaultRoutePath, viewTransition: true, children: _jsx("p", { className: "text-xl font-semibold tracking-tight text-foreground", children: t(defaultRouteMenuKey === 'dashboard'
+                                                                            ? 'dashboard'
+                                                                            : `menu.${dashToCamelCase(defaultRouteMenuKey)}`) }) }) })) }) }), _jsx("div", { className: "flex items-center gap-2" })] }), _jsxs("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: [allowedTopNavigationComponents && allowedTopNavigationComponents.length > 0 ? (_jsx("div", { className: "flex items-center gap-2", children: allowedTopNavigationComponents.map(({ component: Component }, index) => (_jsx(Component, {}, index))) })) : null, languageSwitcherEnabled && _jsx(LanguagesDropdown, {}), channelSwitcherEnabled && _jsx(ChannelSwitcher, { className: "min-w-44" }), globalSearchEnabled && (_jsx(Button, { onClick: openGlobalSearch, variant: "outline", size: "icon", className: "relative size-9", children: _jsx(SearchIcon, { className: "size-4" }) })), notificationsEnabled && _jsx(Notifications, {}), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", className: "size-9", children: [theme === 'light' ? (_jsx(Sun, { className: "size-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" })) : theme === 'dark' ? (_jsx(Moon, { className: "absolute size-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" })) : (_jsx(SunMoon, { className: "absolute size-[1.2rem] rotate-90 transition-all" })), _jsx("span", { className: "sr-only", children: t('toggleTheme') })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => setTheme('light'), children: t('themeLight') }), _jsx(DropdownMenuItem, { onClick: () => setTheme('dark'), children: t('themeDark') }), _jsx(DropdownMenuItem, { onClick: () => setTheme('system'), children: t('themeSystem') })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", className: "size-9", children: _jsx(MenuIcon, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { className: "z-[150] mr-6 min-w-40", children: [activeAdministrator?.emailAddress && (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuLabel, { className: "flex items-center gap-2 px-3 py-2 font-medium", children: [_jsx("div", { className: "flex size-6 items-center justify-center bg-primary/10 text-xs font-semibold text-primary", children: activeAdministrator.firstName.charAt(0).toUpperCase() }), _jsxs("div", { className: "truncate text-sm", children: [activeAdministrator.firstName, " ", activeAdministrator.lastName] })] }), _jsx(DropdownMenuSeparator, { className: "my-1" })] })), reindexEnabled && (_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: rebuildSearchIndex, children: [_jsx(RotateCwSquare, { className: "size-4" }), t('rebuildSerachIndex')] })), reindexEnabled && fastLinks.length > 0 && _jsx(DropdownMenuSeparator, {}), fastLinks.length > 0 && (_jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: t('fastLinks') }), _jsx(DropdownMenuPortal, { children: _jsx(DropdownMenuSubContent, { children: fastLinks.map((link, index) => (_jsxs(React.Fragment, { children: [index > 0 && _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: () => navigate(link.path, { viewTransition: true }), children: [_jsx(RotateCwSquare, { className: "size-4" }), link.label] })] }, link.key))) }) })] }) })), allowedTopNavigationActions?.length && allowedTopNavigationActions.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), allowedTopNavigationActions.map((action) => (_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2", onSelect: action.onClick, children: [action.icon && _jsx(action.icon, { className: "size-4" }), action.label] }, action.label)))] })) : null, _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-red-500", onSelect: async () => {
                                                                             const result = await createDialog({
                                                                                 title: t('logOutConfirmation'),
                                                                                 description: t('logOutConfirmationDescription'),
@@ -62,7 +94,9 @@ export const Menu = ({ children }) => {
                                                                                     { label: t('logOut'), variant: 'destructive', returnValue: true },
                                                                                 ],
                                                                             });
-                                                                            if (result)
+                                                                            if (result) {
+                                                                                clearAdministratorAccess();
                                                                                 logOut();
-                                                                        }, children: [_jsx(LogOutIcon, { className: "size-4" }), t('logOut')] })] })] })] })] }), _jsx(ScrollArea, { className: "relative h-[calc(100vh-70px)] overflow-y-hidden lg:h-[calc(100vh-80px)]", children: children })] })] }) }) }) }) }));
+                                                                            }
+                                                                        }, children: [_jsx(LogOutIcon, { className: "size-4" }), t('logOut')] })] })] })] })] }), _jsx(ScrollArea, { className: "relative h-[calc(100vh-64px)] overflow-y-hidden lg:h-[calc(100vh-72px)]", children: children })] })] }) }) }) }) }));
 };

package/dist/index.css

@@ -24,47 +24,47 @@
 @plugin "@tailwindcss/typography";
 
 :root {
-  --background: hsl(0 0% 100%);
-  --foreground: hsl(240 10% 3.9%);
+  --background: hsl(225 33% 97%);
+  --foreground: hsl(230 20% 7%);
 
   --card: hsl(0 0% 100%);
-  --card-foreground: hsl(240 10% 3.9%);
+  --card-foreground: hsl(230 20% 7%);
 
   --popover: hsl(0 0% 100%);
-  --popover-foreground: hsl(240 10% 3.9%);
+  --popover-foreground: hsl(230 20% 7%);
 
-  --primary: hsl(240 5.9% 10%);
-  --primary-foreground: hsl(0 0% 98%);
+  --primary: hsl(238 70% 58%);
+  --primary-foreground: hsl(0 0% 100%);
 
-  --secondary: hsl(240 4.8% 95.9%);
-  --secondary-foreground: hsl(240 5.9% 10%);
+  --secondary: hsl(225 28% 94%);
+  --secondary-foreground: hsl(230 18% 12%);
 
-  --muted: hsl(240 4.8% 95.9%);
-  --muted-foreground: hsl(240 3.8% 46.1%);
+  --muted: hsl(225 24% 95%);
+  --muted-foreground: hsl(228 10% 41%);
 
-  --accent: hsl(240 4.8% 95.9%);
-  --accent-foreground: hsl(240 5.9% 10%);
+  --accent: hsl(238 80% 96%);
+  --accent-foreground: hsl(238 70% 42%);
 
   --destructive: hsl(0 84.2% 60.2%);
   --destructive-foreground: hsl(0 0% 98%);
 
-  --border: hsl(240 5.9% 90%);
-  --input: hsl(240 5.9% 90%);
-  --ring: hsl(240 10% 3.9%);
+  --border: hsl(225 18% 88%);
+  --input: hsl(225 18% 86%);
+  --ring: hsl(238 70% 58%);
 
-  --radius: 0.5rem;
+  --radius: 0rem;
 
   --warning: hsl(38 92% 50%);
   --warning-foreground: hsl(48 96% 89%);
 
-  --navigation-link: hsl(240 10% 3.9%);
+  --navigation-link: hsl(228 14% 28%);
 
-  --topbar-height: 70px;
-  --topbar-height-lg: 80px;
+  --topbar-height: 64px;
+  --topbar-height-lg: 72px;
 
-  --page-padding-total-y: 2.75rem;
-  --page-padding-total-y-md: 4.75rem;
-  --page-padding-total-y-lg: 2rem;
+  --page-padding-total-y: 2rem;
+  --page-padding-total-y-md: 3.25rem;
+  --page-padding-total-y-lg: 1.5rem;
 
   --page-content-h: calc(100vh - var(--topbar-height) - var(--page-padding-total-y));
   --page-content-h-md: calc(100vh - var(--topbar-height) - var(--page-padding-total-y-md));
@@ -72,38 +72,38 @@
 }
 
 .dark {
-  --background: hsl(240 10% 3.9%);
-  --foreground: hsl(0 0% 98%);
+  --background: hsl(230 22% 5%);
+  --foreground: hsl(220 22% 96%);
 
-  --card: hsl(240 10% 3.9%);
-  --card-foreground: hsl(0 0% 98%);
+  --card: hsl(228 18% 8%);
+  --card-foreground: hsl(220 22% 96%);
 
-  --popover: hsl(240 10% 3.9%);
-  --popover-foreground: hsl(0 0% 98%);
+  --popover: hsl(228 18% 9%);
+  --popover-foreground: hsl(220 22% 96%);
 
-  --primary: hsl(0 0% 98%);
-  --primary-foreground: hsl(240 5.9% 10%);
+  --primary: hsl(238 80% 66%);
+  --primary-foreground: hsl(0 0% 100%);
 
-  --secondary: hsl(240 3.7% 15.9%);
-  --secondary-foreground: hsl(0 0% 98%);
+  --secondary: hsl(228 16% 14%);
+  --secondary-foreground: hsl(220 22% 96%);
 
-  --muted: hsl(240 3.7% 15.9%);
-  --muted-foreground: hsl(240 5% 64.9%);
+  --muted: hsl(228 16% 14%);
+  --muted-foreground: hsl(225 10% 65%);
 
-  --accent: hsl(240 3.7% 15.9%);
-  --accent-foreground: hsl(0 0% 98%);
+  --accent: hsl(238 34% 18%);
+  --accent-foreground: hsl(238 100% 82%);
 
   --destructive: hsl(0 62.8% 30.6%);
   --destructive-foreground: hsl(0 0% 98%);
 
-  --border: hsl(240 3.7% 15.9%);
-  --input: hsl(240 3.7% 15.9%);
-  --ring: hsl(240 4.9% 83.9%);
+  --border: hsl(228 14% 20%);
+  --input: hsl(228 14% 22%);
+  --ring: hsl(238 80% 66%);
 
   --warning: hsl(48 96% 89%);
   --warning-foreground: hsl(38 92% 50%);
 
-  --navigation-link: hsl(0 0% 98%);
+  --navigation-link: hsl(220 18% 86%);
 }
 
 @theme inline {
@@ -140,9 +140,9 @@
 
   --color-navigation-link: var(--navigation-link);
 
-  --radius-lg: var(--radius);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-sm: calc(var(--radius) - 4px);
+  --radius-lg: 0rem;
+  --radius-md: 0rem;
+  --radius-sm: 0rem;
 
   --animate-accordion-down: accordion-down 0.2s ease-out;
   --animate-accordion-up: accordion-up 0.2s ease-out;
@@ -176,6 +176,16 @@
     background-color: var(--background);
     color: var(--foreground);
     box-sizing: border-box;
+    font-family:
+      Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    font-feature-settings:
+      "cv02", "cv03", "cv04", "cv11";
+    text-rendering: geometricPrecision;
+  }
+
+  ::selection {
+    background-color: var(--accent);
+    color: var(--accent-foreground);
   }
 }
 
@@ -200,7 +210,7 @@
 }
 
 *::-webkit-scrollbar-thumb {
-  background-color: var(--border);
+  background-color: color-mix(in srgb, var(--foreground) 18%, transparent);
   position: relative;
   border-radius: 9999px;
 }

package/dist/locales/en/admins.json

@@ -32,6 +32,68 @@
             "placeholder": "Adding roles to a user"
         }
     },
+    "provision": {
+        "action": "Create with role",
+        "title": "Create administrator with role",
+        "description": "Use a business preset to create a role and assign it to a new administrator in one flow.",
+        "submit": "Create administrator",
+        "submitting": "Creating...",
+        "admin": {
+            "title": "Administrator account",
+            "description": "Credentials and contact details for the new administrator."
+        },
+        "role": {
+            "title": "Role setup",
+            "description": "Create a new role from the selected preset or reuse an existing role by code.",
+            "code": "Role code",
+            "descriptionLabel": "Role name",
+            "reuseExisting": "Use existing role with this code",
+            "reuseExistingHint": "When enabled, permissions and channels below are ignored and the administrator gets the existing role.",
+            "channels": "Channels",
+            "channelsPlaceholder": "Add channel"
+        },
+        "permissions": {
+            "title": "Permissions",
+            "description": "Review the preset and tweak permissions before creating the role.",
+            "reuseExisting": "Permissions are taken from the existing role when reuse mode is enabled."
+        },
+        "presets": {
+            "title": "Business preset",
+            "description": "Start from a safe operational role and adjust it if needed.",
+            "defaultBadge": "Default",
+            "backendNote": "The backend still enforces every permission. This wizard only provisions roles and administrator accounts.",
+            "shopManager": {
+                "title": "Shop manager",
+                "description": "Order handling, customer support, catalog visibility, payment/shipping lookup and stock-location visibility.",
+                "roleDescription": "Shop manager"
+            }
+        },
+        "summary": {
+            "title": "Summary",
+            "description": "What will be submitted.",
+            "role": "Role",
+            "channels": "Channels",
+            "permissions": "Permissions",
+            "mode": "Mode",
+            "create": "Create role",
+            "reuse": "Reuse role"
+        },
+        "validation": {
+            "emailRequired": "Email is required",
+            "emailInvalid": "Enter a valid email address",
+            "roleCodeRequired": "Role code is required",
+            "channelsRequired": "Select at least one channel",
+            "permissionsRequired": "Select at least one permission",
+            "roleCodeExists": "A role with this code already exists. Enable reuse or choose another code.",
+            "roleNotFound": "No existing role with this code was found."
+        },
+        "toasts": {
+            "success": "Administrator and role were created successfully",
+            "error": "Could not create administrator with role",
+            "roleCodeExists": "A role with this code already exists",
+            "roleNotFound": "No existing role with this code was found"
+        }
+    },
     "toasts": {
         "adminLoadingError": "Failed to load administrator with ID {{value}}",
         "adminUpdateSuccess": "Administrator successfully updated",

package/dist/locales/en/collections.json

@@ -38,6 +38,7 @@
             "inherit": "Filter inheritance",
             "condition": "Condition",
             "addCondition": "Add condition",
+            "noAvailableConditions": "Filter conditions are still loading",
             "addFacets": "Adding aspect values",
             "labels": {
                 "codes": {
@@ -55,6 +56,12 @@
         },
         "contents": {
             "title": "Content"
+        },
+        "channels": {
+            "title": "Additional channels",
+            "description": "Select additional channels to assign after creating the collection. The current channel is assigned automatically.",
+            "currentChannel": "Current channel",
+            "noChannels": "No channels available"
         }
     },
     "visibility": {

package/dist/locales/en/common.json

@@ -582,6 +582,7 @@
         "globalSettings": "global settings",
         "roles": "roles",
         "admins": "administrators",
+        "adminProvision": "administrator provisioning",
         "stock": "storage locations",
         "sellers": "retailers",
         "assets": "assets",
@@ -962,6 +963,7 @@
         "tags": "Filter by tag",
         "perPageValue": "{{value}} per page",
         "confirmButton": "Add resource",
+        "uploadButton": "Upload from disk",
         "cancel": "Cancel",
         "noImages": "No resources for a specific search",
         "description": "Uploading and managing resources that can be used in content"

package/dist/locales/en/orders.json

@@ -40,6 +40,14 @@
         "confirm": "Delete draft",
         "cancel": "Cancel"
     },
+    "createDraftOrder": {
+        "title": "Create a new draft order",
+        "description": "A draft order will only be created after you confirm. You can then add products, a customer, and shipping details.",
+        "startButton": "Start draft order",
+        "cancelButton": "Back to orders",
+        "creating": "Creating draft...",
+        "error": "Failed to create draft order"
+    },
     "searchProduct": {
         "id": "ID",
         "image": "Image",

package/dist/locales/en/products.json

@@ -42,6 +42,14 @@
         "removeVariant": "Usuń wariant",
         "removeVariantFromChannel": "Usuń wariant z kanału"
     },
+    "initialVariant": {
+        "title": "Initial variant",
+        "description": "Create one default variant together with this product. If the variant name is empty, the product name will be used.",
+        "sku": "SKU",
+        "price": "Price",
+        "name": "Variant name",
+        "namePlaceholder": "Use the product name"
+    },
     "optionsTab": {
         "placeholder": "Wpisz, aby dodać nową wartość opcji",
         "groupName": "Nazwa grupy",
@@ -53,6 +61,7 @@
         "noOptionValues": "Dodaj opcje powyżej, aby znaleźć je tutaj"
     },
     "variantsTab": {
+        "unnamedVariant": "Unnamed variant",
         "emptyState": {
             "title": "Nic tutaj nie ma",
             "description": "Nie ma jeszcze żadnych wariantów. Użyj przycisku powyżej, aby je dodać, pod warunkiem, że dodałeś już jakieś opcje. Jeśli nie, utwórz je najpierw w zakładce Opcje."
@@ -128,6 +137,7 @@
         "noAssets": "Nie ma jeszcze żadnych aktywów",
         "setAsFeatured": "Ustaw jako polecane",
         "editAsset": "Edytuj zdjęcie",
+        "uploadAsset": "Upload image",
         "removeAsset": "Usuń zasób",
         "usedForColorsDesc": "Użyj tego atrybutu dla facetów, którzy są kolorami",
         "colorsCollectionDesc": "Użyj tego dla ścieżek produktu w KOLORZE (BLAT/CORPUS)",
@@ -186,9 +196,11 @@
         "new": "Nowy wariant",
         "selectOption": "Wybierz opcję",
         "createBasic": "Dane podstawowe",
-        "createOptions": "Opcje"
+        "createOptions": "Opcje",
+        "createOptionsHint": "Add an option group from this panel to start choosing variant options. You can refine option values later in the Options tab."
     },
     "validation": {
-        "nameSlugRequired": "Pola nazwy i slug są wymagane"
+        "nameSlugRequired": "Pola nazwy i slug są wymagane",
+        "initialVariantSkuRequired": "Variant SKU is required"
     }
 }

package/dist/locales/en/promotions.json

@@ -13,6 +13,10 @@
         "usageLimit": "Use limit",
         "perCustomerUsageLimit": "Usage limit per customer"
     },
+    "enabled": {
+        "header": "Status",
+        "label": "Promotion enabled"
+    },
     "conditions": {
         "header": "Conditions",
         "add": "Add a new condition",

package/dist/locales/pl/admins.json

@@ -32,6 +32,68 @@
             "placeholder": "Dodawanie ról do użytkownika"
         }
     },
+    "provision": {
+        "action": "Utwórz z rolą",
+        "title": "Utwórz administratora z rolą",
+        "description": "Użyj biznesowego presetu, żeby w jednym przepływie utworzyć rolę i przypisać ją do nowego administratora.",
+        "submit": "Utwórz administratora",
+        "submitting": "Tworzenie...",
+        "admin": {
+            "title": "Konto administratora",
+            "description": "Dane logowania i kontaktowe nowego administratora."
+        },
+        "role": {
+            "title": "Konfiguracja roli",
+            "description": "Utwórz nową rolę z wybranego presetu albo użyj istniejącej roli po kodzie.",
+            "code": "Kod roli",
+            "descriptionLabel": "Nazwa roli",
+            "reuseExisting": "Użyj istniejącej roli o tym kodzie",
+            "reuseExistingHint": "Po włączeniu tej opcji uprawnienia i kanały poniżej są ignorowane, a administrator otrzyma istniejącą rolę.",
+            "channels": "Kanały",
+            "channelsPlaceholder": "Dodaj kanał"
+        },
+        "permissions": {
+            "title": "Uprawnienia",
+            "description": "Przejrzyj preset i dostosuj uprawnienia przed utworzeniem roli.",
+            "reuseExisting": "Uprawnienia są pobierane z istniejącej roli, gdy włączone jest użycie istniejącej roli."
+        },
+        "presets": {
+            "title": "Preset biznesowy",
+            "description": "Zacznij od bezpiecznej roli operacyjnej i dostosuj ją, jeśli trzeba.",
+            "defaultBadge": "Domyślny",
+            "backendNote": "Backend nadal egzekwuje każde uprawnienie. Ten wizard tylko zakłada role i konta administratorów.",
+            "shopManager": {
+                "title": "Shop manager",
+                "description": "Obsługa zamówień, wsparcie klienta, widoczność katalogu, podgląd płatności/wysyłki i lokalizacji magazynowych.",
+                "roleDescription": "Shop manager"
+            }
+        },
+        "summary": {
+            "title": "Podsumowanie",
+            "description": "To zostanie wysłane.",
+            "role": "Rola",
+            "channels": "Kanały",
+            "permissions": "Uprawnienia",
+            "mode": "Tryb",
+            "create": "Utwórz rolę",
+            "reuse": "Użyj roli"
+        },
+        "validation": {
+            "emailRequired": "Adres e-mail jest wymagany",
+            "emailInvalid": "Podaj poprawny adres e-mail",
+            "roleCodeRequired": "Kod roli jest wymagany",
+            "channelsRequired": "Wybierz co najmniej jeden kanał",
+            "permissionsRequired": "Wybierz co najmniej jedno uprawnienie",
+            "roleCodeExists": "Rola o tym kodzie już istnieje. Włącz użycie istniejącej roli albo wybierz inny kod.",
+            "roleNotFound": "Nie znaleziono istniejącej roli o tym kodzie."
+        },
+        "toasts": {
+            "success": "Administrator i rola zostały utworzone pomyślnie",
+            "error": "Nie udało się utworzyć administratora z rolą",
+            "roleCodeExists": "Rola o tym kodzie już istnieje",
+            "roleNotFound": "Nie znaleziono istniejącej roli o tym kodzie"
+        }
+    },
     "toasts": {
         "adminLoadingError": "Nie udało się załadować administratora o identyfikatorze {{value}}",
         "adminUpdateSuccess": "Administrator został pomyślnie zaktualizowany",

package/dist/locales/pl/collections.json

@@ -38,6 +38,7 @@
             "inherit": "Dziedziczenie filtrów",
             "condition": "Warunek",
             "addCondition": "Dodaj warunek",
+            "noAvailableConditions": "Warunki filtrów nadal się ładują",
             "addFacets": "Dodawanie wartości aspektów",
             "labels": {
                 "codes": {
@@ -55,6 +56,12 @@
         },
         "contents": {
             "title": "Zawartość"
+        },
+        "channels": {
+            "title": "Dodatkowe kanały",
+            "description": "Wybierz dodatkowe kanały, które mają zostać przypisane po utworzeniu kolekcji. Bieżący kanał zostanie przypisany automatycznie.",
+            "currentChannel": "Bieżący kanał",
+            "noChannels": "Brak dostępnych kanałów"
         }
     },
     "visibility": {

package/dist/locales/pl/common.json

@@ -581,6 +581,7 @@
         "globalSettings": "ustawienia globalne",
         "roles": "role",
         "admins": "administratorzy",
+        "adminProvision": "zakładanie administratora",
         "stock": "lokalizacje magazynowe",
         "sellers": "sprzedawcy",
         "assets": "aktywa",
@@ -961,6 +962,7 @@
         "tags": "Filtruj według tagu",
         "perPageValue": "{{value}} na stronę",
         "confirmButton": "Dodaj zasób",
+        "uploadButton": "Prześlij z dysku",
         "cancel": "Anuluj",
         "noImages": "Brak zasobów dla określonego wyszukiwania",
         "description": "Przesyłanie i zarządzanie zasobami, które mogą być używane w treści"

package/dist/locales/pl/orders.json

@@ -40,6 +40,14 @@
         "confirm": "Usuń wersję roboczą",
         "cancel": "Anuluj"
     },
+    "createDraftOrder": {
+        "title": "Utwórz nowy projekt zamówienia",
+        "description": "Projekt zamówienia zostanie utworzony dopiero po potwierdzeniu. Następnie możesz dodać produkty, klienta i dane dostawy.",
+        "startButton": "Rozpocznij projekt zamówienia",
+        "cancelButton": "Wróć do zamówień",
+        "creating": "Tworzenie projektu...",
+        "error": "Nie udało się utworzyć projektu zamówienia"
+    },
     "searchProduct": {
         "id": "ID",
         "image": "Obraz",