@payloadcms/ui 4.0.0-internal.add4c47 → 4.0.0-internal.af6aad0

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js

@@ -1,196 +1,131 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useHierarchy } from '../../../providers/Hierarchy/index.js';
-import { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js';
+import { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js';
 import { useRouteTransition } from '../../../providers/RouteTransition/index.js';
 import { useSidebarTabs } from '../../../providers/SidebarTabs/index.js';
+import { getFolderHierarchySlug } from '../getFolderHierarchySlug.js';
 import { HydrateHierarchyProvider } from '../HydrateProvider/index.js';
 import { HierarchySearch } from '../Search/index.js';
 import { HierarchyTree } from './index.js';
-export const HierarchySidebarTab = t0 => {
-  const $ = _c(40);
-  const {
-    baseFilter,
-    collectionSpecificOptions,
-    hierarchyCollectionSlug,
-    icon,
-    initialData,
-    initialExpandedNodes,
-    initialSelectedFilters,
-    parentFieldName,
-    selectedNodeId: selectedNodeIdFromServer,
-    treeLimit,
-    typeFieldName,
-    useAsTitle
-  } = t0;
+export const HierarchySidebarTab = ({
+  baseFilter,
+  hierarchyCollectionSlug,
+  icon: _icon,
+  initialData,
+  initialExpandedNodes,
+  initialSelectedFilters,
+  parentFieldName,
+  selectedNodeId: selectedNodeIdFromServer,
+  treeLimit,
+  typeFieldName,
+  useAsTitle
+}) => {
   const router = useRouter();
+  const pathname = usePathname();
   const searchParams = useSearchParams();
   const {
     startRouteTransition
   } = useRouteTransition();
   const {
-    config: t1
+    config,
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    }
   } = useConfig();
-  const {
-    routes: t2
-  } = t1;
-  const {
-    admin: adminRoute
-  } = t2;
   const [isSearchActive, setIsSearchActive] = useState(false);
-  let t3;
-  if ($[0] !== initialSelectedFilters) {
-    t3 = initialSelectedFilters ?? [];
-    $[0] = initialSelectedFilters;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const [selectedFilters, setSelectedFiltersLocal] = useState(t3);
   const {
-    setSelectedFilters: setSelectedFiltersContext,
     treeRefreshKeys
   } = useHierarchy();
   const sidebarTabs = useSidebarTabs();
+  const resolvedParentFieldName = parentFieldName ?? 'parent';
+  const currentParentParam = searchParams.get(resolvedParentFieldName);
+  // When refreshTree(slug) is called from the list view (e.g. after mutations), reload this tab.
+  // Always reload regardless of active state so inactive tabs are fresh when switched to.
+  // The render-tab server function runs with a fresh request that lacks the client's URL query,
+  // so forward the current selected parent id — otherwise the reload can't tell which node is
+  // being viewed and rebuilds the tree from preference state.
   const tabSlug = `hierarchy-${hierarchyCollectionSlug}`;
-  let t4;
-  if ($[2] !== hierarchyCollectionSlug || $[3] !== treeRefreshKeys) {
-    t4 = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0;
-    $[2] = hierarchyCollectionSlug;
-    $[3] = treeRefreshKeys;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  const treeRefreshKey = t4;
+  const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
+  const treeRefreshKey = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0;
   const prevTreeRefreshKeyRef = useRef(treeRefreshKey);
-  let t5;
-  let t6;
-  if ($[5] !== sidebarTabs || $[6] !== tabSlug || $[7] !== treeRefreshKey) {
-    t5 = () => {
-      if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {
-        prevTreeRefreshKeyRef.current = treeRefreshKey;
-        sidebarTabs?.reloadTabContent(tabSlug);
-      }
-    };
-    t6 = [treeRefreshKey, sidebarTabs, tabSlug];
-    $[5] = sidebarTabs;
-    $[6] = tabSlug;
-    $[7] = treeRefreshKey;
-    $[8] = t5;
-    $[9] = t6;
-  } else {
-    t5 = $[8];
-    t6 = $[9];
-  }
-  useEffect(t5, t6);
-  let t7;
-  if ($[10] !== adminRoute || $[11] !== baseFilter || $[12] !== collectionSpecificOptions || $[13] !== hierarchyCollectionSlug || $[14] !== icon || $[15] !== initialData || $[16] !== initialExpandedNodes || $[17] !== initialSelectedFilters || $[18] !== isSearchActive || $[19] !== parentFieldName || $[20] !== router || $[21] !== searchParams || $[22] !== selectedFilters || $[23] !== selectedNodeIdFromServer || $[24] !== setSelectedFiltersContext || $[25] !== sidebarTabs?.activeTabSlug || $[26] !== startRouteTransition || $[27] !== tabSlug || $[28] !== treeLimit || $[29] !== typeFieldName || $[30] !== useAsTitle) {
-    const parentParam = searchParams.get(parentFieldName ?? "parent");
-    const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
-    const selectedNodeId = isActiveTab ? parentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
-    const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : "";
-    let t8;
-    if ($[32] !== setSelectedFiltersContext) {
-      t8 = filters => {
-        setSelectedFiltersLocal(filters);
-        setSelectedFiltersContext(filters);
-      };
-      $[32] = setSelectedFiltersContext;
-      $[33] = t8;
-    } else {
-      t8 = $[33];
+  useEffect(() => {
+    if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {
+      prevTreeRefreshKeyRef.current = treeRefreshKey;
+      // Only forward the selected parent id when this tab is active. currentParentParam
+      // reflects the global URL search params, so an inactive tab could otherwise pick up
+      // another hierarchy collection's value if they share the same parentFieldName.
+      sidebarTabs?.reloadTabContent(tabSlug, {
+        searchParams: isActiveTab && currentParentParam ? {
+          [resolvedParentFieldName]: currentParentParam
+        } : undefined
+      });
     }
-    const handleFilterChange = t8;
-    let t9;
-    if ($[34] !== adminRoute || $[35] !== hierarchyCollectionSlug || $[36] !== parentFieldName || $[37] !== router || $[38] !== startRouteTransition) {
-      t9 = t10 => {
-        const {
-          id
-        } = t10;
-        const queryParam = parentFieldName ?? "parent";
-        const url = formatAdminURL({
-          adminRoute,
-          path: `/collections/${hierarchyCollectionSlug}/hierarchy?${queryParam}=${id}`
-        });
-        startRouteTransition(() => {
-          router.push(url);
-          router.refresh();
-        });
-      };
-      $[34] = adminRoute;
-      $[35] = hierarchyCollectionSlug;
-      $[36] = parentFieldName;
-      $[37] = router;
-      $[38] = startRouteTransition;
-      $[39] = t9;
-    } else {
-      t9 = $[39];
+  }, [treeRefreshKey, sidebarTabs, tabSlug, isActiveTab, currentParentParam, resolvedParentFieldName]);
+  // Only highlight selected node when this tab is active
+  const selectedNodeId = isActiveTab ? currentParentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
+  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : '';
+  /**
+  * When the user is already browsing a collection by folder, clicking a folder in the tree keeps
+  * them in that collection rather than switching to the folder collection's own view.
+  */
+  const browsedCollectionSlug = useMemo(() => {
+    const routeSlug = pathname?.match(/\/collections\/([^/]+)\/hierarchy/)?.[1];
+    if (!routeSlug || routeSlug === hierarchyCollectionSlug) {
+      return hierarchyCollectionSlug;
     }
-    const handleNavigateToParent = t9;
-    t7 = _jsxs(_Fragment, {
-      children: [_jsx(HydrateHierarchyProvider, {
-        baseFilter,
-        collectionSlug: hierarchyCollectionSlug,
-        expandedNodes: initialExpandedNodes,
-        parentFieldName,
-        selectedFilters: initialSelectedFilters,
-        treeData: initialData,
-        treeLimit,
-        typeFieldName
-      }), _jsxs("div", {
-        className: "hierarchy-sidebar-tab",
-        children: [_jsx(HierarchySearch, {
-          collectionSlug: hierarchyCollectionSlug,
-          collectionSpecificOptions,
-          isActive: isSearchActive,
-          onActiveChange: setIsSearchActive,
-          onFilterChange: handleFilterChange,
-          onSelect: handleNavigateToParent,
-          selectedFilters
-        }), !isSearchActive && _jsx(HierarchyTree, {
-          baseFilter,
-          collectionSlug: hierarchyCollectionSlug,
-          filterByCollections: selectedFilters.length > 0 ? selectedFilters : undefined,
-          icon,
-          initialData,
-          initialExpandedNodes,
-          onNodeClick: handleNavigateToParent,
-          selectedNodeId,
-          useAsTitle
-        }, `${hierarchyCollectionSlug}-${baseFilterKey}`)]
-      })]
+    // Only follow the route when it really is scoped to this tree - another hierarchy's tab must
+    // not start linking into an unrelated collection.
+    return getFolderHierarchySlug(config.collections, routeSlug) === hierarchyCollectionSlug ? routeSlug : hierarchyCollectionSlug;
+  }, [config.collections, hierarchyCollectionSlug, pathname]);
+  const handleNavigateToParent = useCallback(({
+    id
+  }) => {
+    const url = formatAdminURL({
+      adminRoute,
+      path: `/collections/${browsedCollectionSlug}/hierarchy?${resolvedParentFieldName}=${id}`
+    });
+    startRouteTransition(() => {
+      router.push(url);
+      router.refresh();
     });
-    $[10] = adminRoute;
-    $[11] = baseFilter;
-    $[12] = collectionSpecificOptions;
-    $[13] = hierarchyCollectionSlug;
-    $[14] = icon;
-    $[15] = initialData;
-    $[16] = initialExpandedNodes;
-    $[17] = initialSelectedFilters;
-    $[18] = isSearchActive;
-    $[19] = parentFieldName;
-    $[20] = router;
-    $[21] = searchParams;
-    $[22] = selectedFilters;
-    $[23] = selectedNodeIdFromServer;
-    $[24] = setSelectedFiltersContext;
-    $[25] = sidebarTabs?.activeTabSlug;
-    $[26] = startRouteTransition;
-    $[27] = tabSlug;
-    $[28] = treeLimit;
-    $[29] = typeFieldName;
-    $[30] = useAsTitle;
-    $[31] = t7;
-  } else {
-    t7 = $[31];
-  }
-  return t7;
+  }, [adminRoute, browsedCollectionSlug, resolvedParentFieldName, router, startRouteTransition]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HydrateHierarchyProvider, {
+      baseFilter: baseFilter,
+      collectionSlug: hierarchyCollectionSlug,
+      expandedNodes: initialExpandedNodes,
+      parentFieldName: parentFieldName,
+      selectedFilters: initialSelectedFilters,
+      treeData: initialData,
+      treeLimit: treeLimit,
+      typeFieldName: typeFieldName
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "hierarchy-sidebar-tab",
+      children: [/*#__PURE__*/_jsx(HierarchySearch, {
+        collectionSlug: hierarchyCollectionSlug,
+        isActive: isSearchActive,
+        onActiveChange: setIsSearchActive,
+        onSelect: handleNavigateToParent,
+        parentId: selectedNodeId ?? null
+      }), !isSearchActive && /*#__PURE__*/_jsx(HierarchyTree, {
+        baseFilter: baseFilter,
+        collectionSlug: hierarchyCollectionSlug,
+        filterByCollections: initialSelectedFilters?.length ? initialSelectedFilters : undefined,
+        icon: _icon,
+        initialData: initialData,
+        initialExpandedNodes: initialExpandedNodes,
+        onNodeClick: handleNavigateToParent,
+        selectedNodeId: selectedNodeId,
+        useAsTitle: useAsTitle
+      }, `${hierarchyCollectionSlug}-${baseFilterKey}`)]
+    })]
+  });
 };
 //# sourceMappingURL=HierarchySidebarTab.js.map

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchySidebarTab.js","names":["c","_c","formatAdminURL","React","useCallback","useEffect","useRef","useState","useConfig","useHierarchy","useRouter","useSearchParams","useRouteTransition","useSidebarTabs","HydrateHierarchyProvider","HierarchySearch","HierarchyTree","HierarchySidebarTab","t0","$","baseFilter","collectionSpecificOptions","hierarchyCollectionSlug","icon","initialData","initialExpandedNodes","initialSelectedFilters","parentFieldName","selectedNodeId","selectedNodeIdFromServer","treeLimit","typeFieldName","useAsTitle","router","searchParams","startRouteTransition","config","t1","routes","t2","admin","adminRoute","isSearchActive","setIsSearchActive","t3","selectedFilters","setSelectedFiltersLocal","setSelectedFilters","setSelectedFiltersContext","treeRefreshKeys","sidebarTabs","tabSlug","t4","get","treeRefreshKey","prevTreeRefreshKeyRef","t5","t6","current","reloadTabContent","t7","activeTabSlug","parentParam","isActiveTab","undefined","baseFilterKey","JSON","stringify","t8","filters","handleFilterChange","t9","t10","id","queryParam","url","path","push","refresh","handleNavigateToParent","_jsxs","_Fragment","children","_jsx","collectionSlug","expandedNodes","treeData","className","isActive","onActiveChange","onFilterChange","onSelect","filterByCollections","length","onNodeClick"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"sourcesContent":["'use client'\n\nimport type { SidebarTabClientProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { HierarchyInitialData } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useSidebarTabs } from '../../../providers/SidebarTabs/index.js'\nimport { HydrateHierarchyProvider } from '../HydrateProvider/index.js'\nimport { HierarchySearch } from '../Search/index.js'\nimport { HierarchyTree } from './index.js'\n\nexport const HierarchySidebarTab: React.FC<\n  {\n    baseFilter?: Record<string, unknown>\n    collectionSpecificOptions?: { label: string; value: string }[]\n    hierarchyCollectionSlug: string\n    icon?: React.ReactNode\n    initialData?: HierarchyInitialData | null\n    initialExpandedNodes?: (number | string)[]\n    initialSelectedFilters?: string[]\n    parentFieldName?: string\n    selectedNodeId?: null | string\n    treeLimit?: number\n    typeFieldName?: string\n    useAsTitle?: string\n  } & SidebarTabClientProps\n> = ({\n  baseFilter,\n  collectionSpecificOptions,\n  hierarchyCollectionSlug,\n  icon,\n  initialData,\n  initialExpandedNodes,\n  initialSelectedFilters,\n  parentFieldName,\n  selectedNodeId: selectedNodeIdFromServer,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n  const [isSearchActive, setIsSearchActive] = useState(false)\n  const [selectedFilters, setSelectedFiltersLocal] = useState<string[]>(\n    initialSelectedFilters ?? [],\n  )\n  const { setSelectedFilters: setSelectedFiltersContext, treeRefreshKeys } = useHierarchy()\n  const sidebarTabs = useSidebarTabs()\n\n  // When refreshTree(slug) is called from the list view (e.g. after mutations), reload this tab.\n  // Always reload regardless of active state so inactive tabs are fresh when switched to.\n  const tabSlug = `hierarchy-${hierarchyCollectionSlug}`\n  const treeRefreshKey = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0\n  const prevTreeRefreshKeyRef = useRef(treeRefreshKey)\n  useEffect(() => {\n    if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {\n      prevTreeRefreshKeyRef.current = treeRefreshKey\n      sidebarTabs?.reloadTabContent(tabSlug)\n    }\n  }, [treeRefreshKey, sidebarTabs, tabSlug])\n\n  // Only highlight selected node when this tab is active\n  const parentParam = searchParams.get(parentFieldName ?? 'parent')\n  const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug\n  const selectedNodeId = isActiveTab\n    ? (parentParam ?? selectedNodeIdFromServer ?? undefined)\n    : undefined\n\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n\n  const handleFilterChange = useCallback(\n    (filters: string[]) => {\n      setSelectedFiltersLocal(filters)\n      setSelectedFiltersContext(filters)\n    },\n    [setSelectedFiltersContext],\n  )\n\n  const handleNavigateToParent = useCallback(\n    ({ id }: { id: number | string }) => {\n      const queryParam = parentFieldName ?? 'parent'\n      const url = formatAdminURL({\n        adminRoute,\n        path: `/collections/${hierarchyCollectionSlug}/hierarchy?${queryParam}=${id}`,\n      })\n      startRouteTransition(() => {\n        router.push(url)\n        router.refresh()\n      })\n    },\n    [adminRoute, hierarchyCollectionSlug, parentFieldName, router, startRouteTransition],\n  )\n  return (\n    <>\n      <HydrateHierarchyProvider\n        baseFilter={baseFilter}\n        collectionSlug={hierarchyCollectionSlug}\n        expandedNodes={initialExpandedNodes}\n        parentFieldName={parentFieldName}\n        selectedFilters={initialSelectedFilters}\n        treeData={initialData}\n        treeLimit={treeLimit}\n        typeFieldName={typeFieldName}\n      />\n      <div className=\"hierarchy-sidebar-tab\">\n        <HierarchySearch\n          collectionSlug={hierarchyCollectionSlug}\n          collectionSpecificOptions={collectionSpecificOptions}\n          isActive={isSearchActive}\n          onActiveChange={setIsSearchActive}\n          onFilterChange={handleFilterChange}\n          onSelect={handleNavigateToParent}\n          selectedFilters={selectedFilters}\n        />\n        {!isSearchActive && (\n          <HierarchyTree\n            baseFilter={baseFilter}\n            collectionSlug={hierarchyCollectionSlug}\n            filterByCollections={selectedFilters.length > 0 ? selectedFilters : undefined}\n            icon={icon}\n            initialData={initialData}\n            initialExpandedNodes={initialExpandedNodes}\n            key={`${hierarchyCollectionSlug}-${baseFilterKey}`}\n            onNodeClick={handleNavigateToParent}\n            selectedNodeId={selectedNodeId}\n            useAsTitle={useAsTitle}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HierarchySidebarTab.js","names":["formatAdminURL","React","useCallback","useEffect","useMemo","useRef","useState","useConfig","useHierarchy","usePathname","useRouter","useSearchParams","useRouteTransition","useSidebarTabs","getFolderHierarchySlug","HydrateHierarchyProvider","HierarchySearch","HierarchyTree","HierarchySidebarTab","baseFilter","hierarchyCollectionSlug","icon","_icon","initialData","initialExpandedNodes","initialSelectedFilters","parentFieldName","selectedNodeId","selectedNodeIdFromServer","treeLimit","typeFieldName","useAsTitle","router","pathname","searchParams","startRouteTransition","config","routes","admin","adminRoute","isSearchActive","setIsSearchActive","treeRefreshKeys","sidebarTabs","resolvedParentFieldName","currentParentParam","get","tabSlug","isActiveTab","activeTabSlug","treeRefreshKey","prevTreeRefreshKeyRef","current","reloadTabContent","undefined","baseFilterKey","JSON","stringify","browsedCollectionSlug","routeSlug","match","collections","handleNavigateToParent","id","url","path","push","refresh","_jsxs","_Fragment","_jsx","collectionSlug","expandedNodes","selectedFilters","treeData","className","isActive","onActiveChange","onSelect","parentId","filterByCollections","length","onNodeClick"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"sourcesContent":["'use client'\n\nimport type { SidebarTabClientProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { HierarchyInitialData } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useSidebarTabs } from '../../../providers/SidebarTabs/index.js'\nimport { getFolderHierarchySlug } from '../getFolderHierarchySlug.js'\nimport { HydrateHierarchyProvider } from '../HydrateProvider/index.js'\nimport { HierarchySearch } from '../Search/index.js'\nimport { HierarchyTree } from './index.js'\n\nexport const HierarchySidebarTab: React.FC<\n  {\n    baseFilter?: Record<string, unknown>\n    hierarchyCollectionSlug: string\n    icon?: React.ReactNode\n    initialData?: HierarchyInitialData | null\n    initialExpandedNodes?: (number | string)[]\n    initialSelectedFilters?: string[]\n    parentFieldName?: string\n    selectedNodeId?: null | string\n    treeLimit?: number\n    typeFieldName?: string\n    useAsTitle?: string\n  } & SidebarTabClientProps\n> = ({\n  baseFilter,\n  hierarchyCollectionSlug,\n  icon: _icon,\n  initialData,\n  initialExpandedNodes,\n  initialSelectedFilters,\n  parentFieldName,\n  selectedNodeId: selectedNodeIdFromServer,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    config,\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n  const [isSearchActive, setIsSearchActive] = useState(false)\n  const { treeRefreshKeys } = useHierarchy()\n  const sidebarTabs = useSidebarTabs()\n\n  const resolvedParentFieldName = parentFieldName ?? 'parent'\n  const currentParentParam = searchParams.get(resolvedParentFieldName)\n\n  // When refreshTree(slug) is called from the list view (e.g. after mutations), reload this tab.\n  // Always reload regardless of active state so inactive tabs are fresh when switched to.\n  // The render-tab server function runs with a fresh request that lacks the client's URL query,\n  // so forward the current selected parent id — otherwise the reload can't tell which node is\n  // being viewed and rebuilds the tree from preference state.\n  const tabSlug = `hierarchy-${hierarchyCollectionSlug}`\n  const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug\n  const treeRefreshKey = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0\n  const prevTreeRefreshKeyRef = useRef(treeRefreshKey)\n  useEffect(() => {\n    if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {\n      prevTreeRefreshKeyRef.current = treeRefreshKey\n      // Only forward the selected parent id when this tab is active. currentParentParam\n      // reflects the global URL search params, so an inactive tab could otherwise pick up\n      // another hierarchy collection's value if they share the same parentFieldName.\n      sidebarTabs?.reloadTabContent(tabSlug, {\n        searchParams:\n          isActiveTab && currentParentParam\n            ? { [resolvedParentFieldName]: currentParentParam }\n            : undefined,\n      })\n    }\n  }, [\n    treeRefreshKey,\n    sidebarTabs,\n    tabSlug,\n    isActiveTab,\n    currentParentParam,\n    resolvedParentFieldName,\n  ])\n\n  // Only highlight selected node when this tab is active\n  const selectedNodeId = isActiveTab\n    ? (currentParentParam ?? selectedNodeIdFromServer ?? undefined)\n    : undefined\n\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n\n  /**\n   * When the user is already browsing a collection by folder, clicking a folder in the tree keeps\n   * them in that collection rather than switching to the folder collection's own view.\n   */\n  const browsedCollectionSlug = useMemo(() => {\n    const routeSlug = pathname?.match(/\\/collections\\/([^/]+)\\/hierarchy/)?.[1]\n\n    if (!routeSlug || routeSlug === hierarchyCollectionSlug) {\n      return hierarchyCollectionSlug\n    }\n\n    // Only follow the route when it really is scoped to this tree - another hierarchy's tab must\n    // not start linking into an unrelated collection.\n    return getFolderHierarchySlug(config.collections, routeSlug) === hierarchyCollectionSlug\n      ? routeSlug\n      : hierarchyCollectionSlug\n  }, [config.collections, hierarchyCollectionSlug, pathname])\n\n  const handleNavigateToParent = useCallback(\n    ({ id }: { id: number | string }) => {\n      const url = formatAdminURL({\n        adminRoute,\n        path: `/collections/${browsedCollectionSlug}/hierarchy?${resolvedParentFieldName}=${id}`,\n      })\n      startRouteTransition(() => {\n        router.push(url)\n        router.refresh()\n      })\n    },\n    [adminRoute, browsedCollectionSlug, resolvedParentFieldName, router, startRouteTransition],\n  )\n  return (\n    <>\n      <HydrateHierarchyProvider\n        baseFilter={baseFilter}\n        collectionSlug={hierarchyCollectionSlug}\n        expandedNodes={initialExpandedNodes}\n        parentFieldName={parentFieldName}\n        selectedFilters={initialSelectedFilters}\n        treeData={initialData}\n        treeLimit={treeLimit}\n        typeFieldName={typeFieldName}\n      />\n      <div className=\"hierarchy-sidebar-tab\">\n        <HierarchySearch\n          collectionSlug={hierarchyCollectionSlug}\n          isActive={isSearchActive}\n          onActiveChange={setIsSearchActive}\n          onSelect={handleNavigateToParent}\n          parentId={selectedNodeId ?? null}\n        />\n        {!isSearchActive && (\n          <HierarchyTree\n            baseFilter={baseFilter}\n            collectionSlug={hierarchyCollectionSlug}\n            filterByCollections={\n              initialSelectedFilters?.length ? initialSelectedFilters : undefined\n            }\n            icon={_icon}\n            initialData={initialData}\n            initialExpandedNodes={initialExpandedNodes}\n            key={`${hierarchyCollectionSlug}-${baseFilterKey}`}\n            onNodeClick={handleNavigateToParent}\n            selectedNodeId={selectedNodeId}\n            useAsTitle={useAsTitle}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAIzE,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ;AACxD,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,eAAe,QAAQ;AAChC,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,mBAAA,GAcTA,CAAC;EACHC,UAAU;EACVC,uBAAuB;EACvBC,IAAA,EAAMC,KAAK;EACXC,WAAW;EACXC,oBAAoB;EACpBC,sBAAsB;EACtBC,eAAe;EACfC,cAAA,EAAgBC,wBAAwB;EACxCC,SAAS;EACTC,aAAa;EACbC;AAAU,CACX;EACC,MAAMC,MAAA,GAAStB,SAAA;EACf,MAAMuB,QAAA,GAAWxB,WAAA;EACjB,MAAMyB,YAAA,GAAevB,eAAA;EACrB,MAAM;IAAEwB;EAAoB,CAAE,GAAGvB,kBAAA;EACjC,MAAM;IACJwB,MAAM;IACNA,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,KAAA,EAAOC;MAAU;IAAE;EAC9B,CACF,GAAGhC,SAAA;EACJ,MAAM,CAACiC,cAAA,EAAgBC,iBAAA,CAAkB,GAAGnC,QAAA,CAAS;EACrD,MAAM;IAAEoC;EAAe,CAAE,GAAGlC,YAAA;EAC5B,MAAMmC,WAAA,GAAc9B,cAAA;EAEpB,MAAM+B,uBAAA,GAA0BlB,eAAA,IAAmB;EACnD,MAAMmB,kBAAA,GAAqBX,YAAA,CAAaY,GAAG,CAACF,uBAAA;EAE5C;EACA;EACA;EACA;EACA;EACA,MAAMG,OAAA,GAAU,aAAa3B,uBAAA,EAAyB;EACtD,MAAM4B,WAAA,GAAcL,WAAA,EAAaM,aAAA,KAAkBF,OAAA;EACnD,MAAMG,cAAA,GAAiBR,eAAA,CAAgBI,GAAG,CAAC1B,uBAAA,KAA4B;EACvE,MAAM+B,qBAAA,GAAwB9C,MAAA,CAAO6C,cAAA;EACrC/C,SAAA,CAAU;IACR,IAAIgD,qBAAA,CAAsBC,OAAO,KAAKF,cAAA,EAAgB;MACpDC,qBAAA,CAAsBC,OAAO,GAAGF,cAAA;MAChC;MACA;MACA;MACAP,WAAA,EAAaU,gBAAA,CAAiBN,OAAA,EAAS;QACrCb,YAAA,EACEc,WAAA,IAAeH,kBAAA,GACX;UAAE,CAACD,uBAAA,GAA0BC;QAAmB,IAChDS;MACR;IACF;EACF,GAAG,CACDJ,cAAA,EACAP,WAAA,EACAI,OAAA,EACAC,WAAA,EACAH,kBAAA,EACAD,uBAAA,CACD;EAED;EACA,MAAMjB,cAAA,GAAiBqB,WAAA,GAClBH,kBAAA,IAAsBjB,wBAAA,IAA4B0B,SAAA,GACnDA,SAAA;EAEJ,MAAMC,aAAA,GAAgBpC,UAAA,GAAaqC,IAAA,CAAKC,SAAS,CAACtC,UAAA,IAAc;EAEhE;;;;EAIA,MAAMuC,qBAAA,GAAwBtD,OAAA,CAAQ;IACpC,MAAMuD,SAAA,GAAY1B,QAAA,EAAU2B,KAAA,CAAM,uCAAuC,EAAE;IAE3E,IAAI,CAACD,SAAA,IAAaA,SAAA,KAAcvC,uBAAA,EAAyB;MACvD,OAAOA,uBAAA;IACT;IAEA;IACA;IACA,OAAON,sBAAA,CAAuBsB,MAAA,CAAOyB,WAAW,EAAEF,SAAA,MAAevC,uBAAA,GAC7DuC,SAAA,GACAvC,uBAAA;EACN,GAAG,CAACgB,MAAA,CAAOyB,WAAW,EAAEzC,uBAAA,EAAyBa,QAAA,CAAS;EAE1D,MAAM6B,sBAAA,GAAyB5D,WAAA,CAC7B,CAAC;IAAE6D;EAAE,CAA2B;IAC9B,MAAMC,GAAA,GAAMhE,cAAA,CAAe;MACzBuC,UAAA;MACA0B,IAAA,EAAM,gBAAgBP,qBAAA,cAAmCd,uBAAA,IAA2BmB,EAAA;IACtF;IACA5B,oBAAA,CAAqB;MACnBH,MAAA,CAAOkC,IAAI,CAACF,GAAA;MACZhC,MAAA,CAAOmC,OAAO;IAChB;EACF,GACA,CAAC5B,UAAA,EAAYmB,qBAAA,EAAuBd,uBAAA,EAAyBZ,MAAA,EAAQG,oBAAA,CAAqB;EAE5F,oBACEiC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACvD,wBAAA;MACCI,UAAA,EAAYA,UAAA;MACZoD,cAAA,EAAgBnD,uBAAA;MAChBoD,aAAA,EAAehD,oBAAA;MACfE,eAAA,EAAiBA,eAAA;MACjB+C,eAAA,EAAiBhD,sBAAA;MACjBiD,QAAA,EAAUnD,WAAA;MACVM,SAAA,EAAWA,SAAA;MACXC,aAAA,EAAeA;qBAEjBsC,KAAA,CAAC;MAAIO,SAAA,EAAU;8BACbL,IAAA,CAACtD,eAAA;QACCuD,cAAA,EAAgBnD,uBAAA;QAChBwD,QAAA,EAAUpC,cAAA;QACVqC,cAAA,EAAgBpC,iBAAA;QAChBqC,QAAA,EAAUhB,sBAAA;QACViB,QAAA,EAAUpD,cAAA,IAAkB;UAE7B,CAACa,cAAA,iBACA8B,IAAA,CAACrD,aAAA;QACCE,UAAA,EAAYA,UAAA;QACZoD,cAAA,EAAgBnD,uBAAA;QAChB4D,mBAAA,EACEvD,sBAAA,EAAwBwD,MAAA,GAASxD,sBAAA,GAAyB6B,SAAA;QAE5DjC,IAAA,EAAMC,KAAA;QACNC,WAAA,EAAaA,WAAA;QACbC,oBAAA,EAAsBA,oBAAA;QAEtB0D,WAAA,EAAapB,sBAAA;QACbnC,cAAA,EAAgBA,cAAA;QAChBI,UAAA,EAAYA;SAHP,GAAGX,uBAAA,IAA2BmC,aAAA,EAAe;;;AAS9D","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchySidebarTab.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAS,MAAM,SAAS,CAAA;AAK3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,uBAAuB,EAAE,MAAM,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA6L9E,CAAA"}
+{"version":3,"file":"HierarchySidebarTab.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAS,MAAM,SAAS,CAAA;AAI3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,uBAAuB,EAAE,MAAM,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA4K9E,CAAA"}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.server.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
 import { DEFAULT_HIERARCHY_TREE_LIMIT, getInitialTreeData } from 'payload';
 import { PREFERENCE_KEYS } from 'payload/shared';
 import React from 'react';
@@ -9,7 +8,6 @@ import { TagIcon } from '../../../icons/Tag/index.js';
 import { RenderServerComponent } from '../../RenderServerComponent/index.js';
 export const HierarchySidebarTabServer = async ({
   hierarchyCollectionSlug,
-  i18n,
   payload,
   req,
   searchParams,
@@ -26,22 +24,16 @@ export const HierarchySidebarTabServer = async ({
   let treeLimit;
   let typeFieldName;
   let useAsTitle;
-  let collectionSpecificOptions = [];
   let baseFilter = null;
   // Get collection config and render icon (outside try block - doesn't need async)
   const collectionConfig = payload.collections[hierarchyCollectionSlug]?.config;
   const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy : undefined;
   const IconComponent = hierarchyConfig?.admin?.components?.SmallIcon;
   const icon = IconComponent ? RenderServerComponent({
-    clientProps: {
-      size: 16
-    },
     Component: IconComponent,
     importMap: payload.importMap,
     key: `hierarchy-sidebar-icon-${hierarchyCollectionSlug}`
-  }) : /*#__PURE__*/_jsx(TagIcon, {
-    size: 16
-  });
+  }) : /*#__PURE__*/_jsx(TagIcon, {});
   try {
     // Get parentFieldName from config first (needed for URL parsing)
     parentFieldName = hierarchyConfig?.parentFieldName ?? 'parent';
@@ -84,17 +76,6 @@ export const HierarchySidebarTabServer = async ({
     treeLimit = hierarchyConfig?.admin?.treeLimit;
     typeFieldName = hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object' ? hierarchyConfig.collectionSpecific.fieldName : undefined;
     useAsTitle = collectionConfig?.admin?.useAsTitle;
-    // STEP 2.5: Build collection-specific options from related collections
-    if (hierarchyConfig.collectionSpecific && hierarchyConfig?.relatedCollections) {
-      collectionSpecificOptions = Object.keys(hierarchyConfig.relatedCollections).map(slug => {
-        const relatedConfig = payload.collections[slug]?.config;
-        const label = relatedConfig?.labels?.plural ?? slug;
-        return {
-          label: getTranslation(label, i18n),
-          value: slug
-        };
-      }).sort((a, b) => a.label.localeCompare(b.label));
-    }
     // Track the immediate parent of the selected node (for ensuring siblings are loaded)
     let selectedNodeParentId = null;
     // If there's a selected node, ensure its ancestor chain is expanded
@@ -131,6 +112,8 @@ export const HierarchySidebarTabServer = async ({
       // Merge ancestor IDs with existing expanded nodes
       const expandedSet = new Set(initialExpandedNodes);
       ancestorIds.forEach(id => expandedSet.add(id));
+      // Include the selected node itself so its own children are loaded.
+      expandedSet.add(selectedNodeId);
       initialExpandedNodes = Array.from(expandedSet);
     }
     const baseFilterFn = collectionConfig?.admin?.baseFilter ?? collectionConfig?.admin?.baseListFilter;
@@ -166,7 +149,6 @@ export const HierarchySidebarTabServer = async ({
   }
   return /*#__PURE__*/_jsx(HierarchySidebarTab, {
     baseFilter: baseFilter,
-    collectionSpecificOptions: collectionSpecificOptions,
     hierarchyCollectionSlug: hierarchyCollectionSlug,
     icon: icon,
     initialData: initialData,

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchySidebarTab.server.js","names":["getTranslation","DEFAULT_HIERARCHY_TREE_LIMIT","getInitialTreeData","PREFERENCE_KEYS","React","HierarchySidebarTab","TagIcon","RenderServerComponent","HierarchySidebarTabServer","hierarchyCollectionSlug","i18n","payload","req","searchParams","user","initialData","initialExpandedNodes","initialSelectedFilters","selectedNodeId","parentFieldName","treeLimit","typeFieldName","useAsTitle","collectionSpecificOptions","baseFilter","collectionConfig","collections","config","hierarchyConfig","hierarchy","undefined","IconComponent","admin","components","SmallIcon","icon","clientProps","size","Component","importMap","key","_jsx","selectedNodeParam","String","preferenceKey","HIERARCHY_TREE","docs","preferenceDocs","find","collection","limit","overrideAccess","where","and","equals","id","preferences","value","expandedNodes","selectedFilters","collectionSpecific","fieldName","relatedCollections","Object","keys","map","slug","relatedConfig","label","labels","plural","sort","a","b","localeCompare","selectedNodeParentId","ancestorIds","currentNodeId","isFirstIteration","node","findByID","depth","parentId","push","expandedSet","Set","forEach","add","Array","from","baseFilterFn","baseListFilter","page","collectionSlug","expandedNodeIds","length","filterByCollections","error","logger","warn","err","msg"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.server.tsx"],"sourcesContent":["import type { SidebarTabServerProps, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { DEFAULT_HIERARCHY_TREE_LIMIT, getInitialTreeData } from 'payload'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { HierarchySidebarTab } from '../../../exports/client/index.js'\nimport { TagIcon } from '../../../icons/Tag/index.js'\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\n\nexport type HierarchySidebarTabServerProps = {\n  hierarchyCollectionSlug: string\n} & SidebarTabServerProps\n\nexport const HierarchySidebarTabServer: React.FC<HierarchySidebarTabServerProps> = async ({\n  hierarchyCollectionSlug,\n  i18n,\n  payload,\n  req,\n  searchParams,\n  user,\n}) => {\n  if (!user) {\n    return null\n  }\n\n  let initialData = null\n  let initialExpandedNodes: (number | string)[] = []\n  let initialSelectedFilters: string[] = []\n  let selectedNodeId: null | string = null\n  let parentFieldName = 'parent'\n  let treeLimit: number | undefined\n  let typeFieldName: string | undefined\n  let useAsTitle: string | undefined\n  let collectionSpecificOptions: { label: string; value: string }[] = []\n  let baseFilter: null | Where = null\n\n  // Get collection config and render icon (outside try block - doesn't need async)\n  const collectionConfig = payload.collections[hierarchyCollectionSlug]?.config\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n\n  const IconComponent = hierarchyConfig?.admin?.components?.SmallIcon\n  const icon = IconComponent ? (\n    RenderServerComponent({\n      clientProps: { size: 16 },\n      Component: IconComponent,\n      importMap: payload.importMap,\n      key: `hierarchy-sidebar-icon-${hierarchyCollectionSlug}`,\n    })\n  ) : (\n    <TagIcon size={16} />\n  )\n\n  try {\n    // Get parentFieldName from config first (needed for URL parsing)\n    parentFieldName = hierarchyConfig?.parentFieldName ?? 'parent'\n\n    // Get selected node from URL (?<parentFieldName>=<id>)\n    const selectedNodeParam = searchParams?.[parentFieldName]\n    selectedNodeId = selectedNodeParam ? String(selectedNodeParam) : null\n\n    // STEP 1: Load user's expanded node preferences\n    const preferenceKey = `${PREFERENCE_KEYS.HIERARCHY_TREE}-${hierarchyCollectionSlug}`\n\n    const { docs: preferenceDocs } = await payload.find({\n      collection: 'payload-preferences',\n      limit: 1,\n      overrideAccess: false,\n      user,\n      where: {\n        and: [\n          { key: { equals: preferenceKey } },\n          { 'user.value': { equals: user.id } },\n          { 'user.relationTo': { equals: user.collection } },\n        ],\n      },\n    })\n\n    const preferences = preferenceDocs[0]\n\n    if (preferences?.value?.expandedNodes) {\n      initialExpandedNodes = preferences.value.expandedNodes\n    }\n\n    if (preferences?.value?.selectedFilters) {\n      initialSelectedFilters = preferences.value.selectedFilters\n    }\n\n    // STEP 2: Get remaining config values\n    treeLimit = hierarchyConfig?.admin?.treeLimit\n    typeFieldName =\n      hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object'\n        ? hierarchyConfig.collectionSpecific.fieldName\n        : undefined\n    useAsTitle = collectionConfig?.admin?.useAsTitle\n\n    // STEP 2.5: Build collection-specific options from related collections\n    if (hierarchyConfig.collectionSpecific && hierarchyConfig?.relatedCollections) {\n      collectionSpecificOptions = Object.keys(hierarchyConfig.relatedCollections)\n        .map((slug) => {\n          const relatedConfig = payload.collections[slug]?.config\n          const label = relatedConfig?.labels?.plural ?? slug\n\n          return {\n            label: getTranslation(label, i18n),\n            value: slug,\n          }\n        })\n        .sort((a, b) => a.label.localeCompare(b.label))\n    }\n\n    // Track the immediate parent of the selected node (for ensuring siblings are loaded)\n    let selectedNodeParentId: null | number | string = null\n\n    // If there's a selected node, ensure its ancestor chain is expanded\n    if (selectedNodeId) {\n      // Walk up the parent chain to root\n      const ancestorIds: (number | string)[] = []\n      let currentNodeId: null | number | string = selectedNodeId\n      let isFirstIteration = true\n\n      while (currentNodeId) {\n        try {\n          const node = await payload.findByID({\n            id: currentNodeId,\n            collection: hierarchyCollectionSlug,\n            depth: 0,\n            overrideAccess: false,\n            user,\n          })\n\n          const parentId = node?.[parentFieldName]\n\n          // Capture the immediate parent of the selected node\n          if (isFirstIteration) {\n            selectedNodeParentId = parentId ?? null\n            isFirstIteration = false\n          }\n\n          if (parentId) {\n            ancestorIds.push(parentId)\n            currentNodeId = parentId\n          } else {\n            currentNodeId = null\n          }\n        } catch {\n          // Node not found or access denied\n          break\n        }\n      }\n\n      // Merge ancestor IDs with existing expanded nodes\n      const expandedSet = new Set(initialExpandedNodes)\n      ancestorIds.forEach((id) => expandedSet.add(id))\n      initialExpandedNodes = Array.from(expandedSet)\n    }\n\n    const baseFilterFn =\n      collectionConfig?.admin?.baseFilter ?? collectionConfig?.admin?.baseListFilter\n    if (baseFilterFn && req) {\n      baseFilter =\n        (await baseFilterFn({ limit: DEFAULT_HIERARCHY_TREE_LIMIT, page: 1, req, sort: 'id' })) ??\n        null\n    }\n\n    initialData = await getInitialTreeData({\n      baseFilter,\n      collectionSlug: hierarchyCollectionSlug,\n      expandedNodeIds: initialExpandedNodes,\n      ...(initialSelectedFilters.length > 0 && { filterByCollections: initialSelectedFilters }),\n      ...(treeLimit !== undefined && { limit: treeLimit }),\n      payload,\n      selectedNodeId,\n      selectedNodeParentId,\n      user: req.user,\n    })\n  } catch (error) {\n    payload.logger.warn({\n      err: error,\n      msg: `Failed to fetch hierarchy data for ${hierarchyCollectionSlug}`,\n    })\n    // Fall back to client-side fetching if server fetch fails\n  }\n\n  return (\n    <HierarchySidebarTab\n      baseFilter={baseFilter}\n      collectionSpecificOptions={collectionSpecificOptions}\n      hierarchyCollectionSlug={hierarchyCollectionSlug}\n      icon={icon}\n      initialData={initialData}\n      initialExpandedNodes={initialExpandedNodes}\n      initialSelectedFilters={initialSelectedFilters}\n      parentFieldName={parentFieldName}\n      selectedNodeId={selectedNodeId}\n      treeLimit={treeLimit}\n      typeFieldName={typeFieldName}\n      useAsTitle={useAsTitle}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HierarchySidebarTab.server.js","names":["DEFAULT_HIERARCHY_TREE_LIMIT","getInitialTreeData","PREFERENCE_KEYS","React","HierarchySidebarTab","TagIcon","RenderServerComponent","HierarchySidebarTabServer","hierarchyCollectionSlug","payload","req","searchParams","user","initialData","initialExpandedNodes","initialSelectedFilters","selectedNodeId","parentFieldName","treeLimit","typeFieldName","useAsTitle","baseFilter","collectionConfig","collections","config","hierarchyConfig","hierarchy","undefined","IconComponent","admin","components","SmallIcon","icon","Component","importMap","key","_jsx","selectedNodeParam","String","preferenceKey","HIERARCHY_TREE","docs","preferenceDocs","find","collection","limit","overrideAccess","where","and","equals","id","preferences","value","expandedNodes","selectedFilters","collectionSpecific","fieldName","selectedNodeParentId","ancestorIds","currentNodeId","isFirstIteration","node","findByID","depth","parentId","push","expandedSet","Set","forEach","add","Array","from","baseFilterFn","baseListFilter","page","sort","collectionSlug","expandedNodeIds","length","filterByCollections","error","logger","warn","err","msg"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.server.tsx"],"sourcesContent":["import type { SidebarTabServerProps, Where } from 'payload'\n\nimport { DEFAULT_HIERARCHY_TREE_LIMIT, getInitialTreeData } from 'payload'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { HierarchySidebarTab } from '../../../exports/client/index.js'\nimport { TagIcon } from '../../../icons/Tag/index.js'\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\n\nexport type HierarchySidebarTabServerProps = {\n  hierarchyCollectionSlug: string\n} & SidebarTabServerProps\n\nexport const HierarchySidebarTabServer: React.FC<HierarchySidebarTabServerProps> = async ({\n  hierarchyCollectionSlug,\n  payload,\n  req,\n  searchParams,\n  user,\n}) => {\n  if (!user) {\n    return null\n  }\n\n  let initialData = null\n  let initialExpandedNodes: (number | string)[] = []\n  let initialSelectedFilters: string[] = []\n  let selectedNodeId: null | string = null\n  let parentFieldName = 'parent'\n  let treeLimit: number | undefined\n  let typeFieldName: string | undefined\n  let useAsTitle: string | undefined\n  let baseFilter: null | Where = null\n\n  // Get collection config and render icon (outside try block - doesn't need async)\n  const collectionConfig = payload.collections[hierarchyCollectionSlug]?.config\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n\n  const IconComponent = hierarchyConfig?.admin?.components?.SmallIcon\n  const icon = IconComponent ? (\n    RenderServerComponent({\n      Component: IconComponent,\n      importMap: payload.importMap,\n      key: `hierarchy-sidebar-icon-${hierarchyCollectionSlug}`,\n    })\n  ) : (\n    <TagIcon />\n  )\n\n  try {\n    // Get parentFieldName from config first (needed for URL parsing)\n    parentFieldName = hierarchyConfig?.parentFieldName ?? 'parent'\n\n    // Get selected node from URL (?<parentFieldName>=<id>)\n    const selectedNodeParam = searchParams?.[parentFieldName]\n    selectedNodeId = selectedNodeParam ? String(selectedNodeParam) : null\n\n    // STEP 1: Load user's expanded node preferences\n    const preferenceKey = `${PREFERENCE_KEYS.HIERARCHY_TREE}-${hierarchyCollectionSlug}`\n\n    const { docs: preferenceDocs } = await payload.find({\n      collection: 'payload-preferences',\n      limit: 1,\n      overrideAccess: false,\n      user,\n      where: {\n        and: [\n          { key: { equals: preferenceKey } },\n          { 'user.value': { equals: user.id } },\n          { 'user.relationTo': { equals: user.collection } },\n        ],\n      },\n    })\n\n    const preferences = preferenceDocs[0]\n\n    if (preferences?.value?.expandedNodes) {\n      initialExpandedNodes = preferences.value.expandedNodes\n    }\n\n    if (preferences?.value?.selectedFilters) {\n      initialSelectedFilters = preferences.value.selectedFilters\n    }\n\n    // STEP 2: Get remaining config values\n    treeLimit = hierarchyConfig?.admin?.treeLimit\n    typeFieldName =\n      hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object'\n        ? hierarchyConfig.collectionSpecific.fieldName\n        : undefined\n    useAsTitle = collectionConfig?.admin?.useAsTitle\n\n    // Track the immediate parent of the selected node (for ensuring siblings are loaded)\n    let selectedNodeParentId: null | number | string = null\n\n    // If there's a selected node, ensure its ancestor chain is expanded\n    if (selectedNodeId) {\n      // Walk up the parent chain to root\n      const ancestorIds: (number | string)[] = []\n      let currentNodeId: null | number | string = selectedNodeId\n      let isFirstIteration = true\n\n      while (currentNodeId) {\n        try {\n          const node = await payload.findByID({\n            id: currentNodeId,\n            collection: hierarchyCollectionSlug,\n            depth: 0,\n            overrideAccess: false,\n            user,\n          })\n\n          const parentId = node?.[parentFieldName]\n\n          // Capture the immediate parent of the selected node\n          if (isFirstIteration) {\n            selectedNodeParentId = parentId ?? null\n            isFirstIteration = false\n          }\n\n          if (parentId) {\n            ancestorIds.push(parentId)\n            currentNodeId = parentId\n          } else {\n            currentNodeId = null\n          }\n        } catch {\n          // Node not found or access denied\n          break\n        }\n      }\n\n      // Merge ancestor IDs with existing expanded nodes\n      const expandedSet = new Set(initialExpandedNodes)\n      ancestorIds.forEach((id) => expandedSet.add(id))\n      // Include the selected node itself so its own children are loaded.\n      expandedSet.add(selectedNodeId)\n      initialExpandedNodes = Array.from(expandedSet)\n    }\n\n    const baseFilterFn =\n      collectionConfig?.admin?.baseFilter ?? collectionConfig?.admin?.baseListFilter\n    if (baseFilterFn && req) {\n      baseFilter =\n        (await baseFilterFn({ limit: DEFAULT_HIERARCHY_TREE_LIMIT, page: 1, req, sort: 'id' })) ??\n        null\n    }\n\n    initialData = await getInitialTreeData({\n      baseFilter,\n      collectionSlug: hierarchyCollectionSlug,\n      expandedNodeIds: initialExpandedNodes,\n      ...(initialSelectedFilters.length > 0 && { filterByCollections: initialSelectedFilters }),\n      ...(treeLimit !== undefined && { limit: treeLimit }),\n      payload,\n      selectedNodeId,\n      selectedNodeParentId,\n      user: req.user,\n    })\n  } catch (error) {\n    payload.logger.warn({\n      err: error,\n      msg: `Failed to fetch hierarchy data for ${hierarchyCollectionSlug}`,\n    })\n    // Fall back to client-side fetching if server fetch fails\n  }\n\n  return (\n    <HierarchySidebarTab\n      baseFilter={baseFilter}\n      hierarchyCollectionSlug={hierarchyCollectionSlug}\n      icon={icon}\n      initialData={initialData}\n      initialExpandedNodes={initialExpandedNodes}\n      initialSelectedFilters={initialSelectedFilters}\n      parentFieldName={parentFieldName}\n      selectedNodeId={selectedNodeId}\n      treeLimit={treeLimit}\n      typeFieldName={typeFieldName}\n      useAsTitle={useAsTitle}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/LoadMore/index.css

@@ -2,9 +2,9 @@
 
 .tree__load-more.load-more-row {
   padding-top: 0;
-  padding-left: calc(
-    (var(--tree-depth, 0) * var(--tree-indent)) + (var(--spacer-1) * var(--tree-depth)) +
-      var(--spacer-2-5) - 2px
+  padding-inline-start: calc(
+    (var(--tree-depth, 0) * var(--tree-indent)) + var(--spacer-3) + var(--tree-chevron-width) +
+      var(--tree-chevron-spacing)
   );
   height: var(--tree-node-content-height);
   position: relative;