@veiag/payload-enhanced-sidebar 0.1.1 → 0.2.0

package/dist/components/EnhancedSidebar/TabsBar/index.js

@@ -6,51 +6,40 @@ import { usePathname } from 'next/navigation';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
 import { Icon } from '../Icon';
+import { SettingsMenuButton } from '../SettingsMenuButton';
+import { TabButton, TabLink } from './TabItem';
 import './index.scss';
 const tabsBaseClass = 'tabs-bar';
-export const TabsBar = ({ activeTabId, onTabChange, sidebarConfig })=>{
+export const TabsBar = ({ activeTabId, onTabChange, settingsMenu, sidebarConfig })=>{
     const { i18n } = useTranslation();
     const pathname = usePathname();
-    const { config: { admin: { routes: { logout: logoutRoute } }, routes: { admin: adminRoute } } } = useConfig();
+    const { config: { admin: { routes: { browseByFolder: foldersRoute, logout: logoutRoute } }, folders, routes: { admin: adminRoute } } } = useConfig();
     const showLogout = sidebarConfig.showLogout !== false;
-    const renderTab = (tab)=>{
-        const label = getTranslation(tab.label, i18n);
-        const isActive = activeTabId === tab.id;
-        return /*#__PURE__*/ _jsx("button", {
-            className: `${tabsBaseClass}__tab ${isActive ? `${tabsBaseClass}__tab--active` : ''}`,
-            onClick: ()=>onTabChange(tab.id),
-            title: label,
-            type: "button",
-            children: /*#__PURE__*/ _jsx(Icon, {
-                name: tab.icon,
-                size: 20
-            })
-        }, tab.id);
-    };
-    const renderLink = (link)=>{
-        const label = getTranslation(link.label, i18n);
-        const href = link.isExternal ? link.href : formatAdminURL({
-            adminRoute,
-            path: link.href
-        });
-        // Check if this link is active
-        const isActive = pathname === href || link.href === '/' && pathname === adminRoute;
-        return /*#__PURE__*/ _jsx(Link, {
-            className: `${tabsBaseClass}__link ${isActive ? `${tabsBaseClass}__link--active` : ''}`,
-            href: href,
-            target: link.isExternal ? '_blank' : undefined,
-            title: label,
-            children: /*#__PURE__*/ _jsx(Icon, {
-                name: link.icon,
-                size: 20
-            })
-        }, link.id);
-    };
+    const showFolders = folders && folders.browseByFolder;
+    const folderURL = formatAdminURL({
+        adminRoute,
+        path: foldersRoute
+    });
+    const isFoldersActive = pathname.startsWith(folderURL);
     const renderTabItem = (item)=>{
         if (item.type === 'tab') {
-            return renderTab(item);
+            return /*#__PURE__*/ _jsx(TabButton, {
+                isActive: activeTabId === item.id,
+                onTabChange: onTabChange,
+                tab: item
+            }, item.id);
         }
-        return renderLink(item);
+        // Check if link is active
+        const href = item.isExternal ? item.href : formatAdminURL({
+            adminRoute,
+            path: item.href
+        });
+        const isActive = pathname === href || item.href === '/' && pathname === adminRoute;
+        return /*#__PURE__*/ _jsx(TabLink, {
+            href: href,
+            isActive: isActive,
+            link: item
+        }, item.id);
     };
     const tabItems = sidebarConfig.tabs ?? [];
     return /*#__PURE__*/ _jsxs("div", {
@@ -60,24 +49,41 @@ export const TabsBar = ({ activeTabId, onTabChange, sidebarConfig })=>{
                 className: `${tabsBaseClass}__tabs`,
                 children: tabItems.map(renderTabItem)
             }),
-            showLogout && /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 className: `${tabsBaseClass}__actions`,
-                children: /*#__PURE__*/ _jsx(Link, {
-                    className: `${tabsBaseClass}__action`,
-                    href: formatAdminURL({
-                        adminRoute,
-                        path: logoutRoute
+                children: [
+                    showFolders && /*#__PURE__*/ _jsx(Link, {
+                        className: `${tabsBaseClass}__action ${isFoldersActive ? `${tabsBaseClass}__link--active` : ''}`,
+                        href: folderURL,
+                        title: getTranslation({
+                            en: 'Browse by Folder',
+                            uk: 'Переглянути по папках'
+                        }, i18n),
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            name: "Folder",
+                            size: 20
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(SettingsMenuButton, {
+                        settingsMenu: settingsMenu
                     }),
-                    title: getTranslation({
-                        en: 'Logout',
-                        uk: 'Вийти'
-                    }, i18n),
-                    type: "button",
-                    children: /*#__PURE__*/ _jsx(Icon, {
-                        name: "LogOut",
-                        size: 20
+                    showLogout && /*#__PURE__*/ _jsx(Link, {
+                        className: `${tabsBaseClass}__action`,
+                        href: formatAdminURL({
+                            adminRoute,
+                            path: logoutRoute
+                        }),
+                        title: getTranslation({
+                            en: 'Logout',
+                            uk: 'Вийти'
+                        }, i18n),
+                        type: "button",
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            name: "LogOut",
+                            size: 20
+                        })
                     })
-                })
+                ]
             })
         ]
     });

package/dist/components/EnhancedSidebar/TabsBar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/EnhancedSidebar/TabsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Link, useConfig, useTranslation } from '@payloadcms/ui'\nimport { usePathname } from 'next/navigation'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { EnhancedSidebarConfig, SidebarTabContent, SidebarTabLink } from '../../../types'\n\nimport { Icon } from '../Icon'\nimport './index.scss'\n\nconst tabsBaseClass = 'tabs-bar'\n\nexport type TabsBarProps = {\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n  sidebarConfig: EnhancedSidebarConfig\n}\n\nexport const TabsBar: React.FC<TabsBarProps> = ({ activeTabId, onTabChange, sidebarConfig }) => {\n  const { i18n } = useTranslation()\n  const pathname = usePathname()\n\n  const {\n    config: {\n      admin: {\n        routes: { logout: logoutRoute },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const showLogout = sidebarConfig.showLogout !== false\n\n  const renderTab = (tab: SidebarTabContent) => {\n    const label = getTranslation(tab.label, i18n)\n    const isActive = activeTabId === tab.id\n\n    return (\n      <button\n        className={`${tabsBaseClass}__tab ${isActive ? `${tabsBaseClass}__tab--active` : ''}`}\n        key={tab.id}\n        onClick={() => onTabChange(tab.id)}\n        title={label}\n        type=\"button\"\n      >\n        <Icon name={tab.icon} size={20} />\n      </button>\n    )\n  }\n\n  const renderLink = (link: SidebarTabLink) => {\n    const label = getTranslation(link.label, i18n)\n    const href = link.isExternal ? link.href : formatAdminURL({ adminRoute, path: link.href })\n\n    // Check if this link is active\n    const isActive = pathname === href || (link.href === '/' && pathname === adminRoute)\n\n    return (\n      <Link\n        className={`${tabsBaseClass}__link ${isActive ? `${tabsBaseClass}__link--active` : ''}`}\n        href={href}\n        key={link.id}\n        target={link.isExternal ? '_blank' : undefined}\n        title={label}\n      >\n        <Icon name={link.icon} size={20} />\n      </Link>\n    )\n  }\n\n  const renderTabItem = (item: SidebarTabContent | SidebarTabLink) => {\n    if (item.type === 'tab') {\n      return renderTab(item)\n    }\n    return renderLink(item)\n  }\n\n  const tabItems = sidebarConfig.tabs ?? []\n\n  return (\n    <div className={tabsBaseClass}>\n      <div className={`${tabsBaseClass}__tabs`}>{tabItems.map(renderTabItem)}</div>\n\n      {showLogout && (\n        <div className={`${tabsBaseClass}__actions`}>\n          <Link\n            className={`${tabsBaseClass}__action`}\n            href={formatAdminURL({\n              adminRoute,\n              path: logoutRoute,\n            })}\n            title={getTranslation({ en: 'Logout', uk: 'Вийти' }, i18n)}\n            type=\"button\"\n          >\n            <Icon name=\"LogOut\" size={20} />\n          </Link>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","Link","useConfig","useTranslation","usePathname","formatAdminURL","React","Icon","tabsBaseClass","TabsBar","activeTabId","onTabChange","sidebarConfig","i18n","pathname","config","admin","routes","logout","logoutRoute","adminRoute","showLogout","renderTab","tab","label","isActive","id","button","className","onClick","title","type","name","icon","size","renderLink","link","href","isExternal","path","target","undefined","renderTabItem","item","tabItems","tabs","div","map","en","uk"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,IAAI,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,WAAW,QAAQ,kBAAiB;AAC7C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,IAAI,QAAQ,UAAS;AAC9B,OAAO,eAAc;AAErB,MAAMC,gBAAgB;AAQtB,OAAO,MAAMC,UAAkC,CAAC,EAAEC,WAAW,EAAEC,WAAW,EAAEC,aAAa,EAAE;IACzF,MAAM,EAAEC,IAAI,EAAE,GAAGV;IACjB,MAAMW,WAAWV;IAEjB,MAAM,EACJW,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,EACF,GAAGlB;IAEJ,MAAMmB,aAAaT,cAAcS,UAAU,KAAK;IAEhD,MAAMC,YAAY,CAACC;QACjB,MAAMC,QAAQxB,eAAeuB,IAAIC,KAAK,EAAEX;QACxC,MAAMY,WAAWf,gBAAgBa,IAAIG,EAAE;QAEvC,qBACE,KAACC;YACCC,WAAW,GAAGpB,cAAc,MAAM,EAAEiB,WAAW,GAAGjB,cAAc,aAAa,CAAC,GAAG,IAAI;YAErFqB,SAAS,IAAMlB,YAAYY,IAAIG,EAAE;YACjCI,OAAON;YACPO,MAAK;sBAEL,cAAA,KAACxB;gBAAKyB,MAAMT,IAAIU,IAAI;gBAAEC,MAAM;;WALvBX,IAAIG,EAAE;IAQjB;IAEA,MAAMS,aAAa,CAACC;QAClB,MAAMZ,QAAQxB,eAAeoC,KAAKZ,KAAK,EAAEX;QACzC,MAAMwB,OAAOD,KAAKE,UAAU,GAAGF,KAAKC,IAAI,GAAGhC,eAAe;YAAEe;YAAYmB,MAAMH,KAAKC,IAAI;QAAC;QAExF,+BAA+B;QAC/B,MAAMZ,WAAWX,aAAauB,QAASD,KAAKC,IAAI,KAAK,OAAOvB,aAAaM;QAEzE,qBACE,KAACnB;YACC2B,WAAW,GAAGpB,cAAc,OAAO,EAAEiB,WAAW,GAAGjB,cAAc,cAAc,CAAC,GAAG,IAAI;YACvF6B,MAAMA;YAENG,QAAQJ,KAAKE,UAAU,GAAG,WAAWG;YACrCX,OAAON;sBAEP,cAAA,KAACjB;gBAAKyB,MAAMI,KAAKH,IAAI;gBAAEC,MAAM;;WAJxBE,KAAKV,EAAE;IAOlB;IAEA,MAAMgB,gBAAgB,CAACC;QACrB,IAAIA,KAAKZ,IAAI,KAAK,OAAO;YACvB,OAAOT,UAAUqB;QACnB;QACA,OAAOR,WAAWQ;IACpB;IAEA,MAAMC,WAAWhC,cAAciC,IAAI,IAAI,EAAE;IAEzC,qBACE,MAACC;QAAIlB,WAAWpB;;0BACd,KAACsC;gBAAIlB,WAAW,GAAGpB,cAAc,MAAM,CAAC;0BAAGoC,SAASG,GAAG,CAACL;;YAEvDrB,4BACC,KAACyB;gBAAIlB,WAAW,GAAGpB,cAAc,SAAS,CAAC;0BACzC,cAAA,KAACP;oBACC2B,WAAW,GAAGpB,cAAc,QAAQ,CAAC;oBACrC6B,MAAMhC,eAAe;wBACnBe;wBACAmB,MAAMpB;oBACR;oBACAW,OAAO9B,eAAe;wBAAEgD,IAAI;wBAAUC,IAAI;oBAAQ,GAAGpC;oBACrDkB,MAAK;8BAEL,cAAA,KAACxB;wBAAKyB,MAAK;wBAASE,MAAM;;;;;;AAMtC,EAAC"}
+{"version":3,"sources":["../../../../src/components/EnhancedSidebar/TabsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Link, useConfig, useTranslation } from '@payloadcms/ui'\nimport { usePathname } from 'next/navigation'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { EnhancedSidebarConfig, SidebarTabContent, SidebarTabLink } from '../../../types'\n\nimport { Icon } from '../Icon'\nimport { SettingsMenuButton } from '../SettingsMenuButton'\nimport { TabButton, TabLink } from './TabItem'\nimport './index.scss'\n\nconst tabsBaseClass = 'tabs-bar'\n\nexport type TabsBarProps = {\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n  settingsMenu?: React.ReactNode[]\n  sidebarConfig: EnhancedSidebarConfig\n}\n\nexport const TabsBar: React.FC<TabsBarProps> = ({\n  activeTabId,\n  onTabChange,\n  settingsMenu,\n  sidebarConfig,\n}) => {\n  const { i18n } = useTranslation()\n  const pathname = usePathname()\n\n  const {\n    config: {\n      admin: {\n        routes: { browseByFolder: foldersRoute, logout: logoutRoute },\n      },\n      folders,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const showLogout = sidebarConfig.showLogout !== false\n  const showFolders = folders && folders.browseByFolder\n\n  const folderURL = formatAdminURL({\n    adminRoute,\n    path: foldersRoute,\n  })\n  const isFoldersActive = pathname.startsWith(folderURL)\n\n  const renderTabItem = (item: SidebarTabContent | SidebarTabLink) => {\n    if (item.type === 'tab') {\n      return (\n        <TabButton\n          isActive={activeTabId === item.id}\n          key={item.id}\n          onTabChange={onTabChange}\n          tab={item}\n        />\n      )\n    }\n\n    // Check if link is active\n    const href = item.isExternal\n      ? item.href\n      : formatAdminURL({ adminRoute, path: item.href })\n    const isActive = pathname === href || (item.href === '/' && pathname === adminRoute)\n\n    return <TabLink href={href} isActive={isActive} key={item.id} link={item} />\n  }\n\n  const tabItems = sidebarConfig.tabs ?? []\n\n  return (\n    <div className={tabsBaseClass}>\n      <div className={`${tabsBaseClass}__tabs`}>{tabItems.map(renderTabItem)}</div>\n\n      <div className={`${tabsBaseClass}__actions`}>\n        {showFolders && (\n          <Link\n            className={`${tabsBaseClass}__action ${isFoldersActive ? `${tabsBaseClass}__link--active` : ''}`}\n            href={folderURL}\n            title={getTranslation({ en: 'Browse by Folder', uk: 'Переглянути по папках' }, i18n)}\n          >\n            <Icon name=\"Folder\" size={20} />\n          </Link>\n        )}\n        <SettingsMenuButton settingsMenu={settingsMenu} />\n        {showLogout && (\n          <Link\n            className={`${tabsBaseClass}__action`}\n            href={formatAdminURL({\n              adminRoute,\n              path: logoutRoute,\n            })}\n            title={getTranslation({ en: 'Logout', uk: 'Вийти' }, i18n)}\n            type=\"button\"\n          >\n            <Icon name=\"LogOut\" size={20} />\n          </Link>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","Link","useConfig","useTranslation","usePathname","formatAdminURL","React","Icon","SettingsMenuButton","TabButton","TabLink","tabsBaseClass","TabsBar","activeTabId","onTabChange","settingsMenu","sidebarConfig","i18n","pathname","config","admin","routes","browseByFolder","foldersRoute","logout","logoutRoute","folders","adminRoute","showLogout","showFolders","folderURL","path","isFoldersActive","startsWith","renderTabItem","item","type","isActive","id","tab","href","isExternal","link","tabItems","tabs","div","className","map","title","en","uk","name","size"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,IAAI,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,WAAW,QAAQ,kBAAiB;AAC7C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,IAAI,QAAQ,UAAS;AAC9B,SAASC,kBAAkB,QAAQ,wBAAuB;AAC1D,SAASC,SAAS,EAAEC,OAAO,QAAQ,YAAW;AAC9C,OAAO,eAAc;AAErB,MAAMC,gBAAgB;AAStB,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,aAAa,EACd;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAMe,WAAWd;IAEjB,MAAM,EACJe,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAEC,QAAQC,WAAW,EAAE,EAC9D,EACDC,OAAO,EACPL,QAAQ,EAAED,OAAOO,UAAU,EAAE,EAC9B,EACF,GAAGzB;IAEJ,MAAM0B,aAAaZ,cAAcY,UAAU,KAAK;IAChD,MAAMC,cAAcH,WAAWA,QAAQJ,cAAc;IAErD,MAAMQ,YAAYzB,eAAe;QAC/BsB;QACAI,MAAMR;IACR;IACA,MAAMS,kBAAkBd,SAASe,UAAU,CAACH;IAE5C,MAAMI,gBAAgB,CAACC;QACrB,IAAIA,KAAKC,IAAI,KAAK,OAAO;YACvB,qBACE,KAAC3B;gBACC4B,UAAUxB,gBAAgBsB,KAAKG,EAAE;gBAEjCxB,aAAaA;gBACbyB,KAAKJ;eAFAA,KAAKG,EAAE;QAKlB;QAEA,0BAA0B;QAC1B,MAAME,OAAOL,KAAKM,UAAU,GACxBN,KAAKK,IAAI,GACTnC,eAAe;YAAEsB;YAAYI,MAAMI,KAAKK,IAAI;QAAC;QACjD,MAAMH,WAAWnB,aAAasB,QAASL,KAAKK,IAAI,KAAK,OAAOtB,aAAaS;QAEzE,qBAAO,KAACjB;YAAQ8B,MAAMA;YAAMH,UAAUA;YAAwBK,MAAMP;WAAfA,KAAKG,EAAE;IAC9D;IAEA,MAAMK,WAAW3B,cAAc4B,IAAI,IAAI,EAAE;IAEzC,qBACE,MAACC;QAAIC,WAAWnC;;0BACd,KAACkC;gBAAIC,WAAW,GAAGnC,cAAc,MAAM,CAAC;0BAAGgC,SAASI,GAAG,CAACb;;0BAExD,MAACW;gBAAIC,WAAW,GAAGnC,cAAc,SAAS,CAAC;;oBACxCkB,6BACC,KAAC5B;wBACC6C,WAAW,GAAGnC,cAAc,SAAS,EAAEqB,kBAAkB,GAAGrB,cAAc,cAAc,CAAC,GAAG,IAAI;wBAChG6B,MAAMV;wBACNkB,OAAOhD,eAAe;4BAAEiD,IAAI;4BAAoBC,IAAI;wBAAwB,GAAGjC;kCAE/E,cAAA,KAACV;4BAAK4C,MAAK;4BAASC,MAAM;;;kCAG9B,KAAC5C;wBAAmBO,cAAcA;;oBACjCa,4BACC,KAAC3B;wBACC6C,WAAW,GAAGnC,cAAc,QAAQ,CAAC;wBACrC6B,MAAMnC,eAAe;4BACnBsB;4BACAI,MAAMN;wBACR;wBACAuB,OAAOhD,eAAe;4BAAEiD,IAAI;4BAAUC,IAAI;wBAAQ,GAAGjC;wBACrDmB,MAAK;kCAEL,cAAA,KAAC7B;4BAAK4C,MAAK;4BAASC,MAAM;;;;;;;AAMtC,EAAC"}

package/dist/components/EnhancedSidebar/TabsBar/index.scss

@@ -27,6 +27,7 @@
 
     &__tab,
     &__link {
+      position: relative;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -52,8 +53,6 @@
     }
 
     &__link {
-      position: relative;
-
       &--active {
         color: var(--theme-text);
 
@@ -86,6 +85,7 @@
     }
 
     &__action {
+      position: relative;
       display: flex;
       align-items: center;
       justify-content: center;

package/dist/components/EnhancedSidebar/hooks/useBadge.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { BadgeConfig } from '../../../types';
+type UseBadgeResult = {
+    value: number | ReactNode | undefined;
+};
+/**
+ * Hook to get badge value based on config.
+ * All badge values are read from context (populated by InternalBadgeProvider or BadgeProvider).
+ */
+export declare const useBadge: (config: BadgeConfig | undefined, defaultSlug: string) => UseBadgeResult;
+export {};

package/dist/components/EnhancedSidebar/hooks/useBadge.js

@@ -0,0 +1,31 @@
+'use client';
+import { useBadgeValue } from '../BadgeProvider';
+/**
+ * Hook to get badge value based on config.
+ * All badge values are read from context (populated by InternalBadgeProvider or BadgeProvider).
+ */ export const useBadge = (config, /**
+   * Default slug to use for context lookup if not specified in config
+   */ defaultSlug)=>{
+    // Determine the slug to look up in context
+    let slug = defaultSlug;
+    if (config?.type === 'provider' && config.slug) {
+        slug = config.slug;
+    } else if (config?.type === 'collection-count' && config.collectionSlug) {
+        // For collection-count, the InternalBadgeProvider uses the item slug as key
+        // but if collectionSlug is different, we might need to handle this
+        // For now, defaultSlug is used (which is the tab/item id)
+        slug = defaultSlug;
+    }
+    // Get value from context (populated by InternalBadgeProvider or user's BadgeProvider)
+    const contextValue = useBadgeValue(slug);
+    if (!config) {
+        return {
+            value: undefined
+        };
+    }
+    return {
+        value: contextValue
+    };
+};
+
+//# sourceMappingURL=useBadge.js.map

package/dist/components/EnhancedSidebar/hooks/useBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EnhancedSidebar/hooks/useBadge.ts"],"sourcesContent":["'use client'\n\nimport type { ReactNode } from 'react'\n\nimport type { BadgeConfig } from '../../../types'\n\nimport { useBadgeValue } from '../BadgeProvider'\n\ntype UseBadgeResult = {\n  value: number | ReactNode | undefined\n}\n\n/**\n * Hook to get badge value based on config.\n * All badge values are read from context (populated by InternalBadgeProvider or BadgeProvider).\n */\nexport const useBadge = (\n  config: BadgeConfig | undefined,\n  /**\n   * Default slug to use for context lookup if not specified in config\n   */\n  defaultSlug: string,\n): UseBadgeResult => {\n  // Determine the slug to look up in context\n  let slug = defaultSlug\n\n  if (config?.type === 'provider' && config.slug) {\n    slug = config.slug\n  } else if (config?.type === 'collection-count' && config.collectionSlug) {\n    // For collection-count, the InternalBadgeProvider uses the item slug as key\n    // but if collectionSlug is different, we might need to handle this\n    // For now, defaultSlug is used (which is the tab/item id)\n    slug = defaultSlug\n  }\n\n  // Get value from context (populated by InternalBadgeProvider or user's BadgeProvider)\n  const contextValue = useBadgeValue(slug)\n\n  if (!config) {\n    return { value: undefined }\n  }\n\n  return { value: contextValue }\n}\n"],"names":["useBadgeValue","useBadge","config","defaultSlug","slug","type","collectionSlug","contextValue","value","undefined"],"mappings":"AAAA;AAMA,SAASA,aAAa,QAAQ,mBAAkB;AAMhD;;;CAGC,GACD,OAAO,MAAMC,WAAW,CACtBC,QACA;;GAEC,GACDC;IAEA,2CAA2C;IAC3C,IAAIC,OAAOD;IAEX,IAAID,QAAQG,SAAS,cAAcH,OAAOE,IAAI,EAAE;QAC9CA,OAAOF,OAAOE,IAAI;IACpB,OAAO,IAAIF,QAAQG,SAAS,sBAAsBH,OAAOI,cAAc,EAAE;QACvE,4EAA4E;QAC5E,mEAAmE;QACnE,0DAA0D;QAC1DF,OAAOD;IACT;IAEA,sFAAsF;IACtF,MAAMI,eAAeP,cAAcI;IAEnC,IAAI,CAACF,QAAQ;QACX,OAAO;YAAEM,OAAOC;QAAU;IAC5B;IAEA,OAAO;QAAED,OAAOD;IAAa;AAC/B,EAAC"}

package/dist/components/EnhancedSidebar/index.client.d.ts

@@ -1,7 +1,8 @@
 import type { NavPreferences } from 'payload';
-import type { ExtendedGroup } from 'src/types';
 import React from 'react';
+import type { BadgeConfig, ExtendedGroup } from '../../types';
 export declare const EnhancedSidebarClient: React.FC<{
+    badges?: Record<string, BadgeConfig>;
     groups: ExtendedGroup[];
     navPreferences: NavPreferences | null;
 }>;

package/dist/components/EnhancedSidebar/index.client.js

@@ -1,13 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui';
+import { NavGroup, useConfig, useTranslation } from '@payloadcms/ui';
 import { EntityType } from '@payloadcms/ui/shared';
 import { usePathname } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React, { Fragment } from 'react';
-const baseClass = 'enhanced-sidebar';
-export const EnhancedSidebarClient = ({ groups, navPreferences })=>{
+import { NavItem } from './NavItem';
+export const EnhancedSidebarClient = ({ badges, groups, navPreferences })=>{
     const pathname = usePathname();
     const { config: { routes: { admin: adminRoute } } } = useConfig();
     const { i18n } = useTranslation();
@@ -16,8 +16,10 @@ export const EnhancedSidebarClient = ({ groups, navPreferences })=>{
             // Handle empty label (ungrouped items)
             const groupLabel = label || '';
             const isUngrouped = !label || typeof label === 'string' && label === '';
+            const translatedLabel = getTranslation(groupLabel, i18n);
+            const properKey = `${translatedLabel}-${key}`;
             const content = entities.map((entity, i)=>{
-                const { slug, label: entityLabel } = entity;
+                const { slug } = entity;
                 const entityType = entity.type;
                 let href;
                 let id;
@@ -54,45 +56,30 @@ export const EnhancedSidebarClient = ({ groups, navPreferences })=>{
                     '/',
                     undefined
                 ].includes(pathname[href.length]);
-                const Label = /*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        isActive && /*#__PURE__*/ _jsx("div", {
-                            className: `${baseClass}__link-indicator`
-                        }),
-                        /*#__PURE__*/ _jsx("span", {
-                            className: `${baseClass}__link-label`,
-                            children: getTranslation(entityLabel, i18n)
-                        })
-                    ]
-                });
-                if (pathname === href) {
-                    return /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__link`,
-                        id: id,
-                        children: Label
-                    }, i);
-                }
-                return /*#__PURE__*/ _jsx(Link, {
-                    className: `${baseClass}__link`,
+                const isCurrentPage = pathname === href;
+                // Get badge config for this entity
+                const badgeConfig = badges?.[slug];
+                return /*#__PURE__*/ _jsx(NavItem, {
+                    badgeConfig: badgeConfig,
+                    entity: entity,
                     href: href,
                     id: id,
-                    prefetch: false,
-                    children: Label
+                    isActive: isActive,
+                    isCurrentPage: isCurrentPage
                 }, i);
             });
             // For ungrouped items, render without NavGroup wrapper
             if (isUngrouped) {
                 return /*#__PURE__*/ _jsx(Fragment, {
                     children: content
-                }, key);
+                }, properKey);
             }
-            // Get translated label for NavGroup
-            const translatedLabel = getTranslation(groupLabel, i18n);
+            //TODO:
             return /*#__PURE__*/ _jsx(NavGroup, {
                 isOpen: navPreferences?.groups?.[translatedLabel]?.open,
                 label: translatedLabel,
                 children: content
-            }, key);
+            }, properKey);
         })
     });
 };

package/dist/components/EnhancedSidebar/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EnhancedSidebar/index.client.tsx"],"sourcesContent":["'use client'\nimport type { NavPreferences } from 'payload'\nimport type { ExtendedGroup } from 'src/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'enhanced-sidebar'\n\nexport const EnhancedSidebarClient: React.FC<{\n  groups: ExtendedGroup[]\n  navPreferences: NavPreferences | null\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        // Handle empty label (ungrouped items)\n        const groupLabel = label || ''\n        const isUngrouped = !label || (typeof label === 'string' && label === '')\n\n        const content = entities.map((entity, i) => {\n          const { slug, label: entityLabel } = entity\n          const entityType = entity.type\n          let href: string\n          let id: string\n\n          // Check for collection\n          //@ts-expect-error Idk why typescript is complaining here\n          if (entityType === EntityType.collection) {\n            href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n            id = `nav-${slug}`\n            //@ts-expect-error Idk why typescript is complaining here\n          } else if (entityType === EntityType.global) {\n            href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n            id = `nav-global-${slug}`\n          } else if (entityType === 'custom' && entity.href) {\n            // Custom item with href\n            id = `nav-custom-${slug}`\n            if (entity.isExternal) {\n              href = entity.href\n            } else {\n              href = formatAdminURL({ adminRoute, path: entity.href })\n            }\n          } else {\n            return null\n          }\n\n          const isActive =\n            pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n          const Label = (\n            <>\n              {isActive && <div className={`${baseClass}__link-indicator`} />}\n              <span className={`${baseClass}__link-label`}>\n                {getTranslation(entityLabel, i18n)}\n              </span>\n            </>\n          )\n\n          if (pathname === href) {\n            return (\n              <div className={`${baseClass}__link`} id={id} key={i}>\n                {Label}\n              </div>\n            )\n          }\n\n          return (\n            <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n              {Label}\n            </Link>\n          )\n        })\n\n        // For ungrouped items, render without NavGroup wrapper\n        if (isUngrouped) {\n          return <Fragment key={key}>{content}</Fragment>\n        }\n\n        // Get translated label for NavGroup\n        const translatedLabel = getTranslation(groupLabel, i18n)\n\n        return (\n          <NavGroup\n            isOpen={navPreferences?.groups?.[translatedLabel]?.open}\n            key={key}\n            label={translatedLabel}\n          >\n            {content}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","React","Fragment","baseClass","EnhancedSidebarClient","groups","navPreferences","pathname","config","routes","admin","adminRoute","i18n","map","entities","label","key","groupLabel","isUngrouped","content","entity","i","slug","entityLabel","entityType","type","href","id","collection","path","global","isExternal","isActive","startsWith","undefined","includes","length","Label","div","className","span","prefetch","translatedLabel","isOpen","open"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAC1E,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,MAAMC,YAAY;AAElB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,MAAM,EAAEC,cAAc,EAAE;IAC9B,MAAMC,WAAWR;IAEjB,MAAM,EACJS,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGf;IAEJ,MAAM,EAAEgB,IAAI,EAAE,GAAGf;IAEjB,qBACE,KAACK;kBACEG,OAAOQ,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC;YAChC,uCAAuC;YACvC,MAAMC,aAAaF,SAAS;YAC5B,MAAMG,cAAc,CAACH,SAAU,OAAOA,UAAU,YAAYA,UAAU;YAEtE,MAAMI,UAAUL,SAASD,GAAG,CAAC,CAACO,QAAQC;gBACpC,MAAM,EAAEC,IAAI,EAAEP,OAAOQ,WAAW,EAAE,GAAGH;gBACrC,MAAMI,aAAaJ,OAAOK,IAAI;gBAC9B,IAAIC;gBACJ,IAAIC;gBAEJ,uBAAuB;gBACvB,yDAAyD;gBACzD,IAAIH,eAAe1B,WAAW8B,UAAU,EAAE;oBACxCF,OAAO1B,eAAe;wBAAEW;wBAAYkB,MAAM,CAAC,aAAa,EAAEP,MAAM;oBAAC;oBACjEK,KAAK,CAAC,IAAI,EAAEL,MAAM;gBAClB,yDAAyD;gBAC3D,OAAO,IAAIE,eAAe1B,WAAWgC,MAAM,EAAE;oBAC3CJ,OAAO1B,eAAe;wBAAEW;wBAAYkB,MAAM,CAAC,SAAS,EAAEP,MAAM;oBAAC;oBAC7DK,KAAK,CAAC,WAAW,EAAEL,MAAM;gBAC3B,OAAO,IAAIE,eAAe,YAAYJ,OAAOM,IAAI,EAAE;oBACjD,wBAAwB;oBACxBC,KAAK,CAAC,WAAW,EAAEL,MAAM;oBACzB,IAAIF,OAAOW,UAAU,EAAE;wBACrBL,OAAON,OAAOM,IAAI;oBACpB,OAAO;wBACLA,OAAO1B,eAAe;4BAAEW;4BAAYkB,MAAMT,OAAOM,IAAI;wBAAC;oBACxD;gBACF,OAAO;oBACL,OAAO;gBACT;gBAEA,MAAMM,WACJzB,SAAS0B,UAAU,CAACP,SAAS;oBAAC;oBAAKQ;iBAAU,CAACC,QAAQ,CAAC5B,QAAQ,CAACmB,KAAKU,MAAM,CAAC;gBAE9E,MAAMC,sBACJ;;wBACGL,0BAAY,KAACM;4BAAIC,WAAW,GAAGpC,UAAU,gBAAgB,CAAC;;sCAC3D,KAACqC;4BAAKD,WAAW,GAAGpC,UAAU,YAAY,CAAC;sCACxCV,eAAe8B,aAAaX;;;;gBAKnC,IAAIL,aAAamB,MAAM;oBACrB,qBACE,KAACY;wBAAIC,WAAW,GAAGpC,UAAU,MAAM,CAAC;wBAAEwB,IAAIA;kCACvCU;uBADgDhB;gBAIvD;gBAEA,qBACE,KAAC3B;oBAAK6C,WAAW,GAAGpC,UAAU,MAAM,CAAC;oBAAEuB,MAAMA;oBAAMC,IAAIA;oBAAYc,UAAU;8BAC1EJ;mBAD6DhB;YAIpE;YAEA,uDAAuD;YACvD,IAAIH,aAAa;gBACf,qBAAO,KAAChB;8BAAoBiB;mBAANH;YACxB;YAEA,oCAAoC;YACpC,MAAM0B,kBAAkBjD,eAAewB,YAAYL;YAEnD,qBACE,KAACjB;gBACCgD,QAAQrC,gBAAgBD,QAAQ,CAACqC,gBAAgB,EAAEE;gBAEnD7B,OAAO2B;0BAENvB;eAHIH;QAMX;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/components/EnhancedSidebar/index.client.tsx"],"sourcesContent":["'use client'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { BadgeConfig, ExtendedGroup } from '../../types'\n\nimport { NavItem } from './NavItem'\n\nexport const EnhancedSidebarClient: React.FC<{\n  badges?: Record<string, BadgeConfig>\n  groups: ExtendedGroup[]\n  navPreferences: NavPreferences | null\n}> = ({ badges, groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        // Handle empty label (ungrouped items)\n        const groupLabel = label || ''\n        const isUngrouped = !label || (typeof label === 'string' && label === '')\n        const translatedLabel = getTranslation(groupLabel, i18n)\n\n        const properKey = `${translatedLabel}-${key}`\n\n        const content = entities.map((entity, i) => {\n          const { slug } = entity\n          const entityType = entity.type\n          let href: string\n          let id: string\n\n          // Check for collection\n          //@ts-expect-error Idk why typescript is complaining here\n          if (entityType === EntityType.collection) {\n            href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n            id = `nav-${slug}`\n            //@ts-expect-error Idk why typescript is complaining here\n          } else if (entityType === EntityType.global) {\n            href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n            id = `nav-global-${slug}`\n          } else if (entityType === 'custom' && entity.href) {\n            // Custom item with href\n            id = `nav-custom-${slug}`\n            if (entity.isExternal) {\n              href = entity.href\n            } else {\n              href = formatAdminURL({ adminRoute, path: entity.href })\n            }\n          } else {\n            return null\n          }\n\n          const isActive =\n            pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n          const isCurrentPage = pathname === href\n\n          // Get badge config for this entity\n          const badgeConfig = badges?.[slug]\n\n          return (\n            <NavItem\n              badgeConfig={badgeConfig}\n              entity={entity}\n              href={href}\n              id={id}\n              isActive={isActive}\n              isCurrentPage={isCurrentPage}\n              key={i}\n            />\n          )\n        })\n\n        // For ungrouped items, render without NavGroup wrapper\n        if (isUngrouped) {\n          return <Fragment key={properKey}>{content}</Fragment>\n        }\n        //TODO:\n        return (\n          <NavGroup\n            isOpen={navPreferences?.groups?.[translatedLabel]?.open}\n            key={properKey}\n            label={translatedLabel}\n          >\n            {content}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","React","Fragment","NavItem","EnhancedSidebarClient","badges","groups","navPreferences","pathname","config","routes","admin","adminRoute","i18n","map","entities","label","key","groupLabel","isUngrouped","translatedLabel","properKey","content","entity","i","slug","entityType","type","href","id","collection","path","global","isExternal","isActive","startsWith","undefined","includes","length","isCurrentPage","badgeConfig","isOpen","open"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACpE,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,OAAO,QAAQ,YAAW;AAEnC,OAAO,MAAMC,wBAIR,CAAC,EAAEC,MAAM,EAAEC,MAAM,EAAEC,cAAc,EAAE;IACtC,MAAMC,WAAWT;IAEjB,MAAM,EACJU,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGhB;IAEJ,MAAM,EAAEiB,IAAI,EAAE,GAAGhB;IAEjB,qBACE,KAACK;kBACEI,OAAOQ,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC;YAChC,uCAAuC;YACvC,MAAMC,aAAaF,SAAS;YAC5B,MAAMG,cAAc,CAACH,SAAU,OAAOA,UAAU,YAAYA,UAAU;YACtE,MAAMI,kBAAkB1B,eAAewB,YAAYL;YAEnD,MAAMQ,YAAY,GAAGD,gBAAgB,CAAC,EAAEH,KAAK;YAE7C,MAAMK,UAAUP,SAASD,GAAG,CAAC,CAACS,QAAQC;gBACpC,MAAM,EAAEC,IAAI,EAAE,GAAGF;gBACjB,MAAMG,aAAaH,OAAOI,IAAI;gBAC9B,IAAIC;gBACJ,IAAIC;gBAEJ,uBAAuB;gBACvB,yDAAyD;gBACzD,IAAIH,eAAe5B,WAAWgC,UAAU,EAAE;oBACxCF,OAAO5B,eAAe;wBAAEY;wBAAYmB,MAAM,CAAC,aAAa,EAAEN,MAAM;oBAAC;oBACjEI,KAAK,CAAC,IAAI,EAAEJ,MAAM;gBAClB,yDAAyD;gBAC3D,OAAO,IAAIC,eAAe5B,WAAWkC,MAAM,EAAE;oBAC3CJ,OAAO5B,eAAe;wBAAEY;wBAAYmB,MAAM,CAAC,SAAS,EAAEN,MAAM;oBAAC;oBAC7DI,KAAK,CAAC,WAAW,EAAEJ,MAAM;gBAC3B,OAAO,IAAIC,eAAe,YAAYH,OAAOK,IAAI,EAAE;oBACjD,wBAAwB;oBACxBC,KAAK,CAAC,WAAW,EAAEJ,MAAM;oBACzB,IAAIF,OAAOU,UAAU,EAAE;wBACrBL,OAAOL,OAAOK,IAAI;oBACpB,OAAO;wBACLA,OAAO5B,eAAe;4BAAEY;4BAAYmB,MAAMR,OAAOK,IAAI;wBAAC;oBACxD;gBACF,OAAO;oBACL,OAAO;gBACT;gBAEA,MAAMM,WACJ1B,SAAS2B,UAAU,CAACP,SAAS;oBAAC;oBAAKQ;iBAAU,CAACC,QAAQ,CAAC7B,QAAQ,CAACoB,KAAKU,MAAM,CAAC;gBAC9E,MAAMC,gBAAgB/B,aAAaoB;gBAEnC,mCAAmC;gBACnC,MAAMY,cAAcnC,QAAQ,CAACoB,KAAK;gBAElC,qBACE,KAACtB;oBACCqC,aAAaA;oBACbjB,QAAQA;oBACRK,MAAMA;oBACNC,IAAIA;oBACJK,UAAUA;oBACVK,eAAeA;mBACVf;YAGX;YAEA,uDAAuD;YACvD,IAAIL,aAAa;gBACf,qBAAO,KAACjB;8BAA0BoB;mBAAZD;YACxB;YACA,OAAO;YACP,qBACE,KAAC1B;gBACC8C,QAAQlC,gBAAgBD,QAAQ,CAACc,gBAAgB,EAAEsB;gBAEnD1B,OAAOI;0BAENE;eAHID;QAMX;;AAGN,EAAC"}

package/dist/components/EnhancedSidebar/index.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
+import { cookies } from 'next/headers';
 import React from 'react';
+const COOKIE_KEY = 'payload-enhanced-sidebar-active-tab';
 import { getNavPrefs } from './getNavPrefs';
 import { SidebarContent } from './SidebarContent';
 import './index.scss';
@@ -10,7 +12,7 @@ export const EnhancedSidebar = async (props)=>{
     if (!payload?.config) {
         return null;
     }
-    const { admin: { components: { afterNavLinks, beforeNavLinks } }, collections, globals } = payload.config;
+    const { admin: { components: { afterNavLinks, beforeNavLinks, settingsMenu } }, collections, globals } = payload.config;
     const groups = groupNavItems([
         ...collections.filter(({ slug })=>visibleEntities?.collections.includes(slug)).map((collection)=>({
                 type: EntityType.collection,
@@ -41,6 +43,12 @@ export const EnhancedSidebar = async (props)=>{
         importMap: payload.importMap,
         serverProps
     });
+    const renderedSettingsMenu = settingsMenu && Array.isArray(settingsMenu) ? settingsMenu.map((item, index)=>RenderServerComponent({
+            Component: item,
+            importMap: payload.importMap,
+            key: `settings-menu-item-${index}`,
+            serverProps
+        })) : [];
     // Default config if not provided
     const config = sidebarConfig ?? {
         tabs: [
@@ -52,11 +60,19 @@ export const EnhancedSidebar = async (props)=>{
             }
         ]
     };
+    // Read active tab from cookie
+    const cookieStore = await cookies();
+    const storedTabId = cookieStore.get(COOKIE_KEY)?.value;
+    const tabs = config.tabs?.filter((t)=>t.type === 'tab') ?? [];
+    const defaultTabId = tabs[0]?.id ?? 'default';
+    const initialActiveTabId = storedTabId && tabs.some((t)=>t.id === storedTabId) ? storedTabId : defaultTabId;
     return /*#__PURE__*/ _jsx(SidebarContent, {
         afterNavLinks: afterNavLinksRendered,
         beforeNavLinks: beforeNavLinksRendered,
         groups: groups,
+        initialActiveTabId: initialActiveTabId,
         navPreferences: navPreferences,
+        settingsMenu: renderedSettingsMenu,
         sidebarConfig: config
     });
 };

package/dist/components/EnhancedSidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EnhancedSidebar/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport type { EnhancedSidebarConfig, ExtendedGroup } from '../../types'\n\nimport { getNavPrefs } from './getNavPrefs'\nimport { SidebarContent } from './SidebarContent'\nimport './index.scss'\n\nexport type EnhancedSidebarProps = {\n  req?: PayloadRequest\n  sidebarConfig?: EnhancedSidebarConfig\n} & ServerProps\n\nexport const EnhancedSidebar: React.FC<EnhancedSidebarProps> = async (props) => {\n  const {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    sidebarConfig,\n    user,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities?.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities?.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions || {},\n    i18n,\n  ) as unknown as ExtendedGroup[]\n\n  const navPreferences = await getNavPrefs(req)\n\n  const serverProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  const beforeNavLinksRendered = RenderServerComponent({\n    Component: beforeNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  const afterNavLinksRendered = RenderServerComponent({\n    Component: afterNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  // Default config if not provided\n  const config: EnhancedSidebarConfig = sidebarConfig ?? {\n    tabs: [\n      {\n        id: 'default',\n        type: 'tab',\n        icon: 'LayoutGrid',\n        label: 'Collections',\n      },\n    ],\n  }\n\n  return (\n    <SidebarContent\n      afterNavLinks={afterNavLinksRendered}\n      beforeNavLinks={beforeNavLinksRendered}\n      groups={groups}\n      navPreferences={navPreferences}\n      sidebarConfig={config}\n    />\n  )\n}\n\nexport default EnhancedSidebar\n"],"names":["RenderServerComponent","EntityType","groupNavItems","React","getNavPrefs","SidebarContent","EnhancedSidebar","props","i18n","locale","params","payload","permissions","req","searchParams","sidebarConfig","user","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","serverProps","beforeNavLinksRendered","Component","importMap","afterNavLinksRendered","tabs","id","icon","label"],"mappings":";AAGA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAuB;AACjE,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,gBAAe;AAC3C,SAASC,cAAc,QAAQ,mBAAkB;AACjD,OAAO,eAAc;AAOrB,OAAO,MAAMC,kBAAkD,OAAOC;IACpE,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,GAAG,EACHC,YAAY,EACZC,aAAa,EACbC,IAAI,EACJC,eAAe,EAChB,GAAGV;IAEJ,IAAI,CAACI,SAASO,QAAQ;QACpB,OAAO;IACT;IAEA,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,aAAa,EAAEC,cAAc,EAAE,EAC9C,EACDC,WAAW,EACXC,OAAO,EACR,GAAGb,QAAQO,MAAM;IAElB,MAAMO,SAASvB,cACb;WACKqB,YACAG,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKV,iBAAiBM,YAAYK,SAASD,OAC3DE,GAAG,CACF,CAACC,aACE,CAAA;gBACCC,MAAM9B,WAAW6B,UAAU;gBAC3BE,QAAQF;YACV,CAAA;WAEHN,QACAE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKV,iBAAiBO,QAAQI,SAASD,OACvDE,GAAG,CACF,CAACI,SACE,CAAA;gBACCF,MAAM9B,WAAWgC,MAAM;gBACvBD,QAAQC;YACV,CAAA;KAEP,EACDrB,eAAe,CAAC,GAChBJ;IAGF,MAAM0B,iBAAiB,MAAM9B,YAAYS;IAEzC,MAAMsB,cAAc;QAClB3B;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;IACF;IAEA,MAAMoB,yBAAyBpC,sBAAsB;QACnDqC,WAAWf;QACXgB,WAAW3B,QAAQ2B,SAAS;QAC5BH;IACF;IAEA,MAAMI,wBAAwBvC,sBAAsB;QAClDqC,WAAWhB;QACXiB,WAAW3B,QAAQ2B,SAAS;QAC5BH;IACF;IAEA,iCAAiC;IACjC,MAAMjB,SAAgCH,iBAAiB;QACrDyB,MAAM;YACJ;gBACEC,IAAI;gBACJV,MAAM;gBACNW,MAAM;gBACNC,OAAO;YACT;SACD;IACH;IAEA,qBACE,KAACtC;QACCgB,eAAekB;QACfjB,gBAAgBc;QAChBX,QAAQA;QACRS,gBAAgBA;QAChBnB,eAAeG;;AAGrB,EAAC;AAED,eAAeZ,gBAAe"}
+{"version":3,"sources":["../../../src/components/EnhancedSidebar/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport { cookies } from 'next/headers'\nimport React from 'react'\n\nconst COOKIE_KEY = 'payload-enhanced-sidebar-active-tab'\n\nimport type { EnhancedSidebarConfig, ExtendedGroup } from '../../types'\n\nimport { getNavPrefs } from './getNavPrefs'\nimport { SidebarContent } from './SidebarContent'\nimport './index.scss'\n\nexport type EnhancedSidebarProps = {\n  req?: PayloadRequest\n  sidebarConfig?: EnhancedSidebarConfig\n} & ServerProps\n\nexport const EnhancedSidebar: React.FC<EnhancedSidebarProps> = async (props) => {\n  const {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    sidebarConfig,\n    user,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities?.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities?.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions || {},\n    i18n,\n  ) as unknown as ExtendedGroup[]\n\n  const navPreferences = await getNavPrefs(req)\n\n  const serverProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  const beforeNavLinksRendered = RenderServerComponent({\n    Component: beforeNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  const afterNavLinksRendered = RenderServerComponent({\n    Component: afterNavLinks,\n    importMap: payload.importMap,\n    serverProps,\n  })\n\n  const renderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps,\n          }),\n        )\n      : []\n\n  // Default config if not provided\n  const config: EnhancedSidebarConfig = sidebarConfig ?? {\n    tabs: [\n      {\n        id: 'default',\n        type: 'tab',\n        icon: 'LayoutGrid',\n        label: 'Collections',\n      },\n    ],\n  }\n\n  // Read active tab from cookie\n  const cookieStore = await cookies()\n  const storedTabId = cookieStore.get(COOKIE_KEY)?.value\n  const tabs = config.tabs?.filter((t) => t.type === 'tab') ?? []\n  const defaultTabId = tabs[0]?.id ?? 'default'\n  const initialActiveTabId =\n    storedTabId && tabs.some((t) => t.id === storedTabId) ? storedTabId : defaultTabId\n\n  return (\n    <SidebarContent\n      afterNavLinks={afterNavLinksRendered}\n      beforeNavLinks={beforeNavLinksRendered}\n      groups={groups}\n      initialActiveTabId={initialActiveTabId}\n      navPreferences={navPreferences}\n      settingsMenu={renderedSettingsMenu}\n      sidebarConfig={config}\n    />\n  )\n}\n\nexport default EnhancedSidebar\n"],"names":["RenderServerComponent","EntityType","groupNavItems","cookies","React","COOKIE_KEY","getNavPrefs","SidebarContent","EnhancedSidebar","props","i18n","locale","params","payload","permissions","req","searchParams","sidebarConfig","user","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","serverProps","beforeNavLinksRendered","Component","importMap","afterNavLinksRendered","renderedSettingsMenu","Array","isArray","item","index","key","tabs","id","icon","label","cookieStore","storedTabId","get","value","t","defaultTabId","initialActiveTabId","some"],"mappings":";AAGA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAuB;AACjE,SAASC,OAAO,QAAQ,eAAc;AACtC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,aAAa;AAInB,SAASC,WAAW,QAAQ,gBAAe;AAC3C,SAASC,cAAc,QAAQ,mBAAkB;AACjD,OAAO,eAAc;AAOrB,OAAO,MAAMC,kBAAkD,OAAOC;IACpE,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,GAAG,EACHC,YAAY,EACZC,aAAa,EACbC,IAAI,EACJC,eAAe,EAChB,GAAGV;IAEJ,IAAI,CAACI,SAASO,QAAQ;QACpB,OAAO;IACT;IAEA,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,aAAa,EAAEC,cAAc,EAAEC,YAAY,EAAE,EAC5D,EACDC,WAAW,EACXC,OAAO,EACR,GAAGd,QAAQO,MAAM;IAElB,MAAMQ,SAAS1B,cACb;WACKwB,YACAG,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKX,iBAAiBO,YAAYK,SAASD,OAC3DE,GAAG,CACF,CAACC,aACE,CAAA;gBACCC,MAAMjC,WAAWgC,UAAU;gBAC3BE,QAAQF;YACV,CAAA;WAEHN,QACAE,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKX,iBAAiBQ,QAAQI,SAASD,OACvDE,GAAG,CACF,CAACI,SACE,CAAA;gBACCF,MAAMjC,WAAWmC,MAAM;gBACvBD,QAAQC;YACV,CAAA;KAEP,EACDtB,eAAe,CAAC,GAChBJ;IAGF,MAAM2B,iBAAiB,MAAM/B,YAAYS;IAEzC,MAAMuB,cAAc;QAClB5B;QACAC;QACAC;QACAC;QACAC;QACAE;QACAE;IACF;IAEA,MAAMqB,yBAAyBvC,sBAAsB;QACnDwC,WAAWhB;QACXiB,WAAW5B,QAAQ4B,SAAS;QAC5BH;IACF;IAEA,MAAMI,wBAAwB1C,sBAAsB;QAClDwC,WAAWjB;QACXkB,WAAW5B,QAAQ4B,SAAS;QAC5BH;IACF;IAEA,MAAMK,uBACJlB,gBAAgBmB,MAAMC,OAAO,CAACpB,gBAC1BA,aAAaO,GAAG,CAAC,CAACc,MAAMC,QACtB/C,sBAAsB;YACpBwC,WAAWM;YACXL,WAAW5B,QAAQ4B,SAAS;YAC5BO,KAAK,CAAC,mBAAmB,EAAED,OAAO;YAClCT;QACF,MAEF,EAAE;IAER,iCAAiC;IACjC,MAAMlB,SAAgCH,iBAAiB;QACrDgC,MAAM;YACJ;gBACEC,IAAI;gBACJhB,MAAM;gBACNiB,MAAM;gBACNC,OAAO;YACT;SACD;IACH;IAEA,8BAA8B;IAC9B,MAAMC,cAAc,MAAMlD;IAC1B,MAAMmD,cAAcD,YAAYE,GAAG,CAAClD,aAAamD;IACjD,MAAMP,OAAO7B,OAAO6B,IAAI,EAAEpB,OAAO,CAAC4B,IAAMA,EAAEvB,IAAI,KAAK,UAAU,EAAE;IAC/D,MAAMwB,eAAeT,IAAI,CAAC,EAAE,EAAEC,MAAM;IACpC,MAAMS,qBACJL,eAAeL,KAAKW,IAAI,CAAC,CAACH,IAAMA,EAAEP,EAAE,KAAKI,eAAeA,cAAcI;IAExE,qBACE,KAACnD;QACCgB,eAAemB;QACflB,gBAAgBe;QAChBX,QAAQA;QACR+B,oBAAoBA;QACpBtB,gBAAgBA;QAChBZ,cAAckB;QACd1B,eAAeG;;AAGrB,EAAC;AAED,eAAeZ,gBAAe"}

package/dist/exports/client.d.ts

@@ -0,0 +1 @@
+export { InternalBadgeProvider } from '../components/EnhancedSidebar/InternalBadgeProvider';

package/dist/exports/client.js

@@ -1,3 +1,4 @@
-// Client components will be exported here
+// Client components exported for Payload's component system
+export { InternalBadgeProvider } from '../components/EnhancedSidebar/InternalBadgeProvider';
 
 //# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["// Client components will be exported here\n"],"names":[],"mappings":"AAAA,0CAA0C"}
+{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["// Client components exported for Payload's component system\nexport { InternalBadgeProvider } from '../components/EnhancedSidebar/InternalBadgeProvider'\n"],"names":["InternalBadgeProvider"],"mappings":"AAAA,4DAA4D;AAC5D,SAASA,qBAAqB,QAAQ,sDAAqD"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { type Config } from 'payload';
 import type { EnhancedSidebarConfig } from './types';
 export declare const payloadEnhancedSidebar: (pluginOptions?: EnhancedSidebarConfig) => (config: Config) => Config;
-export type { EnhancedSidebarConfig } from './types';
+export { BadgeProvider, useBadgeContext, useBadgeValue, } from './components/EnhancedSidebar/BadgeProvider';
+export type { BadgeColor, BadgeConfig, BadgeConfigApi, BadgeConfigCollectionCount, BadgeConfigProvider, BadgeValues, EnhancedSidebarConfig, } from './types';

package/dist/index.js

@@ -50,6 +50,21 @@ export const payloadEnhancedSidebar = (pluginOptions = {})=>(config)=>{
                 }
             };
         }
+        // Check if we have any badges to fetch (api or collection-count)
+        const hasBadgesToFetch = sidebarConfig.badges || sidebarConfig.tabs?.some((tab)=>tab.badge && tab.badge.type !== 'provider');
+        // Add InternalBadgeProvider if we have badges to fetch
+        if (hasBadgesToFetch) {
+            if (!config.admin.components.providers) {
+                config.admin.components.providers = [];
+            }
+            // Add our internal provider at the beginning (so user providers can override)
+            config.admin.components.providers.unshift({
+                clientProps: {
+                    sidebarConfig
+                },
+                path: '@veiag/payload-enhanced-sidebar/client#InternalBadgeProvider'
+            });
+        }
         // Adding translations
         if (!config.i18n) {
             config.i18n = {};
@@ -60,5 +75,6 @@ export const payloadEnhancedSidebar = (pluginOptions = {})=>(config)=>{
         config.i18n.translations = deepMerge(config.i18n.translations, sidebarTranslations);
         return config;
     };
+export { BadgeProvider, useBadgeContext, useBadgeValue } from './components/EnhancedSidebar/BadgeProvider';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMerge } from 'payload'\n\nimport type { EnhancedSidebarConfig } from './types'\n\nimport { sidebarTranslations } from './translations'\n\n/**\n * Default configuration for the enhanced sidebar\n */\nconst defaultConfig: EnhancedSidebarConfig = {\n  showLogout: true,\n  tabs: [\n    {\n      id: 'dashboard',\n      type: 'link',\n      href: '/',\n      icon: 'House',\n      label: { en: 'Dashboard', uk: 'Головна' },\n    },\n    {\n      id: 'default',\n      type: 'tab',\n      icon: 'LayoutGrid',\n      label: { en: 'Collections', uk: 'Колекції' },\n    },\n  ],\n}\n\nexport const payloadEnhancedSidebar =\n  (pluginOptions: EnhancedSidebarConfig = {}) =>\n  (config: Config): Config => {\n    if (pluginOptions.disabled) {\n      return config\n    }\n\n    // Merge user config with defaults\n    const sidebarConfig: EnhancedSidebarConfig = {\n      ...defaultConfig,\n      ...pluginOptions,\n      tabs: pluginOptions.tabs ?? defaultConfig.tabs,\n    }\n\n    if (!config.admin) {\n      config.admin = {}\n    }\n\n    if (!config.admin.components) {\n      config.admin.components = {}\n    }\n\n    if (!config.admin.components.Nav) {\n      config.admin.components.Nav = {\n        path: '@veiag/payload-enhanced-sidebar/rsc#EnhancedSidebar',\n        serverProps: {\n          sidebarConfig,\n        },\n      }\n    }\n\n    // Adding translations\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n    if (!config.i18n.translations) {\n      config.i18n.translations = {}\n    }\n\n    config.i18n.translations = deepMerge(config.i18n.translations, sidebarTranslations)\n\n    return config\n  }\n\nexport type { EnhancedSidebarConfig } from './types'\n"],"names":["deepMerge","sidebarTranslations","defaultConfig","showLogout","tabs","id","type","href","icon","label","en","uk","payloadEnhancedSidebar","pluginOptions","config","disabled","sidebarConfig","admin","components","Nav","path","serverProps","i18n","translations"],"mappings":"AAAA,SAAsBA,SAAS,QAAQ,UAAS;AAIhD,SAASC,mBAAmB,QAAQ,iBAAgB;AAEpD;;CAEC,GACD,MAAMC,gBAAuC;IAC3CC,YAAY;IACZC,MAAM;QACJ;YACEC,IAAI;YACJC,MAAM;YACNC,MAAM;YACNC,MAAM;YACNC,OAAO;gBAAEC,IAAI;gBAAaC,IAAI;YAAU;QAC1C;QACA;YACEN,IAAI;YACJC,MAAM;YACNE,MAAM;YACNC,OAAO;gBAAEC,IAAI;gBAAeC,IAAI;YAAW;QAC7C;KACD;AACH;AAEA,OAAO,MAAMC,yBACX,CAACC,gBAAuC,CAAC,CAAC,GAC1C,CAACC;QACC,IAAID,cAAcE,QAAQ,EAAE;YAC1B,OAAOD;QACT;QAEA,kCAAkC;QAClC,MAAME,gBAAuC;YAC3C,GAAGd,aAAa;YAChB,GAAGW,aAAa;YAChBT,MAAMS,cAAcT,IAAI,IAAIF,cAAcE,IAAI;QAChD;QAEA,IAAI,CAACU,OAAOG,KAAK,EAAE;YACjBH,OAAOG,KAAK,GAAG,CAAC;QAClB;QAEA,IAAI,CAACH,OAAOG,KAAK,CAACC,UAAU,EAAE;YAC5BJ,OAAOG,KAAK,CAACC,UAAU,GAAG,CAAC;QAC7B;QAEA,IAAI,CAACJ,OAAOG,KAAK,CAACC,UAAU,CAACC,GAAG,EAAE;YAChCL,OAAOG,KAAK,CAACC,UAAU,CAACC,GAAG,GAAG;gBAC5BC,MAAM;gBACNC,aAAa;oBACXL;gBACF;YACF;QACF;QAEA,sBAAsB;QACtB,IAAI,CAACF,OAAOQ,IAAI,EAAE;YAChBR,OAAOQ,IAAI,GAAG,CAAC;QACjB;QACA,IAAI,CAACR,OAAOQ,IAAI,CAACC,YAAY,EAAE;YAC7BT,OAAOQ,IAAI,CAACC,YAAY,GAAG,CAAC;QAC9B;QAEAT,OAAOQ,IAAI,CAACC,YAAY,GAAGvB,UAAUc,OAAOQ,IAAI,CAACC,YAAY,EAAEtB;QAE/D,OAAOa;IACT,EAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMerge } from 'payload'\n\nimport type { EnhancedSidebarConfig } from './types'\n\nimport { sidebarTranslations } from './translations'\n\n/**\n * Default configuration for the enhanced sidebar\n */\nconst defaultConfig: EnhancedSidebarConfig = {\n  showLogout: true,\n  tabs: [\n    {\n      id: 'dashboard',\n      type: 'link',\n      href: '/',\n      icon: 'House',\n      label: { en: 'Dashboard', uk: 'Головна' },\n    },\n    {\n      id: 'default',\n      type: 'tab',\n      icon: 'LayoutGrid',\n      label: { en: 'Collections', uk: 'Колекції' },\n    },\n  ],\n}\n\nexport const payloadEnhancedSidebar =\n  (pluginOptions: EnhancedSidebarConfig = {}) =>\n  (config: Config): Config => {\n    if (pluginOptions.disabled) {\n      return config\n    }\n\n    // Merge user config with defaults\n    const sidebarConfig: EnhancedSidebarConfig = {\n      ...defaultConfig,\n      ...pluginOptions,\n      tabs: pluginOptions.tabs ?? defaultConfig.tabs,\n    }\n\n    if (!config.admin) {\n      config.admin = {}\n    }\n\n    if (!config.admin.components) {\n      config.admin.components = {}\n    }\n\n    if (!config.admin.components.Nav) {\n      config.admin.components.Nav = {\n        path: '@veiag/payload-enhanced-sidebar/rsc#EnhancedSidebar',\n        serverProps: {\n          sidebarConfig,\n        },\n      }\n    }\n\n    // Check if we have any badges to fetch (api or collection-count)\n    const hasBadgesToFetch =\n      sidebarConfig.badges ||\n      sidebarConfig.tabs?.some((tab) => tab.badge && tab.badge.type !== 'provider')\n\n    // Add InternalBadgeProvider if we have badges to fetch\n    if (hasBadgesToFetch) {\n      if (!config.admin.components.providers) {\n        config.admin.components.providers = []\n      }\n\n      // Add our internal provider at the beginning (so user providers can override)\n      config.admin.components.providers.unshift({\n        clientProps: {\n          sidebarConfig,\n        },\n        path: '@veiag/payload-enhanced-sidebar/client#InternalBadgeProvider',\n      })\n    }\n\n    // Adding translations\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n    if (!config.i18n.translations) {\n      config.i18n.translations = {}\n    }\n\n    config.i18n.translations = deepMerge(config.i18n.translations, sidebarTranslations)\n\n    return config\n  }\n\nexport {\n  BadgeProvider,\n  useBadgeContext,\n  useBadgeValue,\n} from './components/EnhancedSidebar/BadgeProvider'\n\nexport type {\n  BadgeColor,\n  BadgeConfig,\n  BadgeConfigApi,\n  BadgeConfigCollectionCount,\n  BadgeConfigProvider,\n  BadgeValues,\n  EnhancedSidebarConfig,\n} from './types'\n"],"names":["deepMerge","sidebarTranslations","defaultConfig","showLogout","tabs","id","type","href","icon","label","en","uk","payloadEnhancedSidebar","pluginOptions","config","disabled","sidebarConfig","admin","components","Nav","path","serverProps","hasBadgesToFetch","badges","some","tab","badge","providers","unshift","clientProps","i18n","translations","BadgeProvider","useBadgeContext","useBadgeValue"],"mappings":"AAAA,SAAsBA,SAAS,QAAQ,UAAS;AAIhD,SAASC,mBAAmB,QAAQ,iBAAgB;AAEpD;;CAEC,GACD,MAAMC,gBAAuC;IAC3CC,YAAY;IACZC,MAAM;QACJ;YACEC,IAAI;YACJC,MAAM;YACNC,MAAM;YACNC,MAAM;YACNC,OAAO;gBAAEC,IAAI;gBAAaC,IAAI;YAAU;QAC1C;QACA;YACEN,IAAI;YACJC,MAAM;YACNE,MAAM;YACNC,OAAO;gBAAEC,IAAI;gBAAeC,IAAI;YAAW;QAC7C;KACD;AACH;AAEA,OAAO,MAAMC,yBACX,CAACC,gBAAuC,CAAC,CAAC,GAC1C,CAACC;QACC,IAAID,cAAcE,QAAQ,EAAE;YAC1B,OAAOD;QACT;QAEA,kCAAkC;QAClC,MAAME,gBAAuC;YAC3C,GAAGd,aAAa;YAChB,GAAGW,aAAa;YAChBT,MAAMS,cAAcT,IAAI,IAAIF,cAAcE,IAAI;QAChD;QAEA,IAAI,CAACU,OAAOG,KAAK,EAAE;YACjBH,OAAOG,KAAK,GAAG,CAAC;QAClB;QAEA,IAAI,CAACH,OAAOG,KAAK,CAACC,UAAU,EAAE;YAC5BJ,OAAOG,KAAK,CAACC,UAAU,GAAG,CAAC;QAC7B;QAEA,IAAI,CAACJ,OAAOG,KAAK,CAACC,UAAU,CAACC,GAAG,EAAE;YAChCL,OAAOG,KAAK,CAACC,UAAU,CAACC,GAAG,GAAG;gBAC5BC,MAAM;gBACNC,aAAa;oBACXL;gBACF;YACF;QACF;QAEA,iEAAiE;QACjE,MAAMM,mBACJN,cAAcO,MAAM,IACpBP,cAAcZ,IAAI,EAAEoB,KAAK,CAACC,MAAQA,IAAIC,KAAK,IAAID,IAAIC,KAAK,CAACpB,IAAI,KAAK;QAEpE,uDAAuD;QACvD,IAAIgB,kBAAkB;YACpB,IAAI,CAACR,OAAOG,KAAK,CAACC,UAAU,CAACS,SAAS,EAAE;gBACtCb,OAAOG,KAAK,CAACC,UAAU,CAACS,SAAS,GAAG,EAAE;YACxC;YAEA,8EAA8E;YAC9Eb,OAAOG,KAAK,CAACC,UAAU,CAACS,SAAS,CAACC,OAAO,CAAC;gBACxCC,aAAa;oBACXb;gBACF;gBACAI,MAAM;YACR;QACF;QAEA,sBAAsB;QACtB,IAAI,CAACN,OAAOgB,IAAI,EAAE;YAChBhB,OAAOgB,IAAI,GAAG,CAAC;QACjB;QACA,IAAI,CAAChB,OAAOgB,IAAI,CAACC,YAAY,EAAE;YAC7BjB,OAAOgB,IAAI,CAACC,YAAY,GAAG,CAAC;QAC9B;QAEAjB,OAAOgB,IAAI,CAACC,YAAY,GAAG/B,UAAUc,OAAOgB,IAAI,CAACC,YAAY,EAAE9B;QAE/D,OAAOa;IACT,EAAC;AAEH,SACEkB,aAAa,EACbC,eAAe,EACfC,aAAa,QACR,6CAA4C"}