@payloadcms/ui 4.0.0-internal.e55ccef → 4.0.0-internal.f11981a

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":["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","resolvedParentFieldName","t4","get","currentParentParam","tabSlug","isActiveTab","activeTabSlug","t5","treeRefreshKey","prevTreeRefreshKeyRef","t6","t7","current","reloadTabContent","undefined","t8","JSON","stringify","baseFilterKey","t9","filters","handleFilterChange","t10","t11","id","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  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  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 url = formatAdminURL({\n        adminRoute,\n        path: `/collections/${hierarchyCollectionSlug}/hierarchy?${resolvedParentFieldName}=${id}`,\n      })\n      startRouteTransition(() => {\n        router.push(url)\n        router.refresh()\n      })\n    },\n    [adminRoute, hierarchyCollectionSlug, 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          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":[]}

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;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,CA+L9E,CAAA"}

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

@@ -131,6 +131,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;

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":["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      // 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      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":[]}

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

@@ -29,7 +29,6 @@
   .tree-node__content {
     display: flex;
     align-items: center;
-    transition: background-color 100ms ease;
     font-size: var(--tree-font-size);
     line-height: var(--tree-node-content-height);
   }

package/dist/elements/InputStepper/index.css

@@ -20,7 +20,6 @@
       background: transparent;
       color: var(--color-icon-secondary);
       cursor: pointer;
-      transition: color 100ms;
 
       &:hover:not(:disabled) {
         color: var(--color-icon);

package/dist/elements/Locked/index.css

@@ -25,12 +25,4 @@
       outline-color: var(--color-border-selected);
     }
   }
-
-  /* Fixed-position anchor mirroring the icon's rect, so the portaled tooltip (escaping
-   * the table's `overflow` clipping) can position against it. */
-  .locked__tooltip-anchor {
-    position: fixed;
-    z-index: var(--z-popup);
-    pointer-events: none;
-  }
 }

package/dist/elements/Locked/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Locked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAmD,MAAM,OAAO,CAAA;AAOvE,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CA+EA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Locked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAkCA,CAAA"}

package/dist/elements/Locked/index.js

@@ -1,83 +1,89 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useState } from 'react';
 import { LockIcon } from '../../icons/Lock/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'locked';
-export const Locked = ({
-  className,
-  user
-}) => {
-  const anchorRef = useRef(null);
+export const Locked = t0 => {
+  const $ = _c(10);
+  const {
+    className,
+    user
+  } = t0;
   const [hovered, setHovered] = useState(false);
-  const [anchorRect, setAnchorRect] = useState(null);
   const {
     t
   } = useTranslation();
-  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t('general:anotherUser');
-  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`;
-  const updateAnchorRect = useCallback(() => {
-    const node = anchorRef.current;
-    if (!node) {
-      return;
-    }
-    setAnchorRect(node.getBoundingClientRect());
-  }, []);
-  useEffect(() => {
-    if (!hovered) {
-      return;
-    }
-    // Keep the portaled tooltip aligned to the icon as the page or an overflow
-    // container scrolls.
-    window.addEventListener('scroll', updateAnchorRect, true);
-    window.addEventListener('resize', updateAnchorRect);
-    return () => {
-      window.removeEventListener('scroll', updateAnchorRect, true);
-      window.removeEventListener('resize', updateAnchorRect);
-    };
-  }, [hovered, updateAnchorRect]);
-  return /*#__PURE__*/_jsxs("div", {
-    "aria-label": tooltipLabel,
-    className: [baseClass, className].filter(Boolean).join(' '),
-    onBlur: () => setHovered(false),
-    onFocus: () => {
-      updateAnchorRect();
-      setHovered(true);
-    },
-    onKeyDown: e => {
-      if (e.key === ' ') {
-        e.preventDefault(); // prevent page scroll when focused
-      }
-    },
-    onMouseEnter: () => {
-      updateAnchorRect();
-      setHovered(true);
-    },
-    onMouseLeave: () => setHovered(false),
-    ref: anchorRef,
-    role: "button",
-    tabIndex: 0,
-    children: [/*#__PURE__*/_jsx(LockIcon, {}), hovered && anchorRect && /*#__PURE__*/createPortal(/*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__tooltip-anchor`,
-      style: {
-        height: anchorRect.height,
-        left: anchorRect.left,
-        top: anchorRect.top,
-        width: anchorRect.width
-      },
-      children: /*#__PURE__*/_jsx(Tooltip, {
+  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+  const tooltipLabel = `${userToUse} ${t("general:isEditing")}`;
+  let t1;
+  if ($[0] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => setHovered(false);
+    t4 = () => setHovered(true);
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t3 = $[2];
+    t4 = $[3];
+  }
+  let t5;
+  let t6;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setHovered(true);
+    t6 = () => setHovered(false);
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t5 = $[4];
+    t6 = $[5];
+  }
+  let t7;
+  if ($[6] !== hovered || $[7] !== t2 || $[8] !== tooltipLabel) {
+    t7 = _jsxs("div", {
+      "aria-label": tooltipLabel,
+      className: t2,
+      onBlur: t3,
+      onFocus: t4,
+      onKeyDown: _temp,
+      onMouseEnter: t5,
+      onMouseLeave: t6,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx(LockIcon, {}), _jsx(Tooltip, {
         alignCaret: "center",
         className: `${baseClass}__tooltip`,
         position: "bottom",
-        show: true,
+        show: hovered,
         children: tooltipLabel
-      })
-    }), document.body)]
-  });
+      })]
+    });
+    $[6] = hovered;
+    $[7] = t2;
+    $[8] = tooltipLabel;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  return t7;
 };
+function _temp(e) {
+  if (e.key === " ") {
+    e.preventDefault();
+  }
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/Locked/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","createPortal","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","className","user","anchorRef","hovered","setHovered","anchorRect","setAnchorRect","t","userToUse","email","id","tooltipLabel","updateAnchorRect","node","current","getBoundingClientRect","window","addEventListener","removeEventListener","_jsxs","filter","Boolean","join","onBlur","onFocus","onKeyDown","e","key","preventDefault","onMouseEnter","onMouseLeave","ref","role","tabIndex","_jsx","style","height","left","top","width","alignCaret","position","show","document","body"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\n}> = ({ className, user }) => {\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = useState(false)\n  const [anchorRect, setAnchorRect] = useState<DOMRect | null>(null)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  const updateAnchorRect = useCallback(() => {\n    const node = anchorRef.current\n\n    if (!node) {\n      return\n    }\n\n    setAnchorRect(node.getBoundingClientRect())\n  }, [])\n\n  useEffect(() => {\n    if (!hovered) {\n      return\n    }\n\n    // Keep the portaled tooltip aligned to the icon as the page or an overflow\n    // container scrolls.\n    window.addEventListener('scroll', updateAnchorRect, true)\n    window.addEventListener('resize', updateAnchorRect)\n\n    return () => {\n      window.removeEventListener('scroll', updateAnchorRect, true)\n      window.removeEventListener('resize', updateAnchorRect)\n    }\n  }, [hovered, updateAnchorRect])\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => {\n        updateAnchorRect()\n        setHovered(true)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => {\n        updateAnchorRect()\n        setHovered(true)\n      }}\n      onMouseLeave={() => setHovered(false)}\n      ref={anchorRef}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      {hovered &&\n        anchorRect &&\n        createPortal(\n          <div\n            className={`${baseClass}__tooltip-anchor`}\n            style={{\n              height: anchorRect.height,\n              left: anchorRect.left,\n              top: anchorRect.top,\n              width: anchorRect.width,\n            }}\n          >\n            <Tooltip alignCaret=\"center\" className={`${baseClass}__tooltip`} position=\"bottom\" show>\n              {tooltipLabel}\n            </Tooltip>\n          </div>,\n          document.body,\n        )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAChE,SAASC,YAAY,QAAQ;AAE7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC;AAAI,CAAE;EACvB,MAAMC,SAAA,GAAYX,MAAA,CAAuB;EACzC,MAAM,CAACY,OAAA,EAASC,UAAA,CAAW,GAAGZ,QAAA,CAAS;EACvC,MAAM,CAACa,UAAA,EAAYC,aAAA,CAAc,GAAGd,QAAA,CAAyB;EAC7D,MAAM;IAAEe;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAMa,SAAA,GAAYZ,kBAAA,CAAmBK,IAAA,IAASA,IAAA,CAAKQ,KAAK,IAAIR,IAAA,CAAKS,EAAE,GAAIH,CAAA,CAAE;EACzE,MAAMI,YAAA,GAAe,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAE7D,MAAMK,gBAAA,GAAmBvB,WAAA,CAAY;IACnC,MAAMwB,IAAA,GAAOX,SAAA,CAAUY,OAAO;IAE9B,IAAI,CAACD,IAAA,EAAM;MACT;IACF;IAEAP,aAAA,CAAcO,IAAA,CAAKE,qBAAqB;EAC1C,GAAG,EAAE;EAELzB,SAAA,CAAU;IACR,IAAI,CAACa,OAAA,EAAS;MACZ;IACF;IAEA;IACA;IACAa,MAAA,CAAOC,gBAAgB,CAAC,UAAUL,gBAAA,EAAkB;IACpDI,MAAA,CAAOC,gBAAgB,CAAC,UAAUL,gBAAA;IAElC,OAAO;MACLI,MAAA,CAAOE,mBAAmB,CAAC,UAAUN,gBAAA,EAAkB;MACvDI,MAAA,CAAOE,mBAAmB,CAAC,UAAUN,gBAAA;IACvC;EACF,GAAG,CAACT,OAAA,EAASS,gBAAA,CAAiB;EAE9B,oBACEO,KAAA,CAAC;IACC,cAAYR,YAAA;IACZX,SAAA,EAAW,CAACF,SAAA,EAAWE,SAAA,CAAU,CAACoB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,MAAA,EAAQA,CAAA,KAAMnB,UAAA,CAAW;IACzBoB,OAAA,EAASA,CAAA;MACPZ,gBAAA;MACAR,UAAA,CAAW;IACb;IACAqB,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,KAAK;QACjBD,CAAA,CAAEE,cAAc,IAAG;MACrB;IACF;IACAC,YAAA,EAAcA,CAAA;MACZjB,gBAAA;MACAR,UAAA,CAAW;IACb;IACA0B,YAAA,EAAcA,CAAA,KAAM1B,UAAA,CAAW;IAC/B2B,GAAA,EAAK7B,SAAA;IACL8B,IAAA,EAAK;IACLC,QAAA,EAAU;4BAEVC,IAAA,CAACxC,QAAA,OACAS,OAAA,IACCE,UAAA,iBACAZ,YAAA,cACEyC,IAAA,CAAC;MACClC,SAAA,EAAW,GAAGF,SAAA,kBAA2B;MACzCqC,KAAA,EAAO;QACLC,MAAA,EAAQ/B,UAAA,CAAW+B,MAAM;QACzBC,IAAA,EAAMhC,UAAA,CAAWgC,IAAI;QACrBC,GAAA,EAAKjC,UAAA,CAAWiC,GAAG;QACnBC,KAAA,EAAOlC,UAAA,CAAWkC;MACpB;gBAEA,aAAAL,IAAA,CAACrC,OAAA;QAAQ2C,UAAA,EAAW;QAASxC,SAAA,EAAW,GAAGF,SAAA,WAAoB;QAAE2C,QAAA,EAAS;QAASC,IAAI;kBACpF/B;;QAGLgC,QAAA,CAASC,IAAI;;AAIvB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","userToUse","email","id","tooltipLabel","t1","filter","Boolean","t2","join","t3","t4","Symbol","for","t5","t6","t7","_jsxs","onBlur","onFocus","onKeyDown","_temp","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show","e","key","preventDefault"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => setHovered(true)}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      <Tooltip\n        alignCaret=\"center\"\n        className={`${baseClass}__tooltip`}\n        position=\"bottom\"\n        show={hovered}\n      >\n        {tooltipLabel}\n      </Tooltip>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,SAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB,OAAAI,OAAA,EAAAC,UAAA,IAA8BZ,QAAA,MAAS;EACvC;IAAAa;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkBX,kBAAA,CAAmBO,IAAA,IAASA,IAAA,CAAAK,KAAA,IAAcL,IAAA,CAAAM,EAAO,GAAIH,CAAA,CAAE;EACzE,MAAAI,YAAA,GAAqB,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA;IAK9CS,EAAA,IAAAb,SAAA,EAAYI,SAAA,EAAAU,MAAA,CAAAC,OAAkB;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA9B,MAAAa,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAC/CH,EAAA,GAAAA,CAAA,KAAMX,UAAA,MAAW;IAChBY,EAAA,GAAAA,CAAA,KAAMZ,UAAA,KAAW;IAAAJ,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAMZC,EAAA,GAAAA,CAAA,KAAMf,UAAA,KAAW;IACjBgB,EAAA,GAAAA,CAAA,KAAMhB,UAAA,MAAW;IAAAJ,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,YAAA;IAXjCY,EAAA,GAAAC,KAAA,CAAC;MAAA,cACab,YAAA;MAAAR,SAAA,EACDY,EAA4C;MAAAU,MAAA,EAC/CR,EAAiB;MAAAS,OAAA,EAChBR,EAAiB;MAAAS,SAAA,EAAAC,KAAA;MAAAC,YAAA,EAMZR,EAAiB;MAAAS,YAAA,EACjBR,EAAiB;MAAAS,IAAA,EAC1B;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAAvC,QAAA,IAAC,GACDuC,IAAA,CAAApC,OAAA;QAAAqC,UAAA,EACa;QAAAhC,SAAA,EACA,GAAAJ,SAAA,WAAuB;QAAAqC,QAAA,EACzB;QAAAC,IAAA,EACHhC,OAAA;QAAA4B,QAAA,EAELtB;MAAA,C;;;;;;;;;SAtBLY,E;CA0BJ;AAlCK,SAAAK,MAAAU,CAAA;EAAA,IAcOA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,cAAA,CAAgB;EAAA;AAAA","ignoreList":[]}

package/dist/elements/MiniCarousel/index.css

@@ -1,21 +1,23 @@
 @layer payload-default {
   .mini-carousel {
+    --carousel-item-width: 48px;
+    --carousel-item-height: 48px;
+    --carousel-divider-height: 48px;
     display: flex;
-    flex-direction: column;
-    align-items: stretch;
+    flex-direction: row;
+    align-items: center;
     gap: var(--spacer-3);
     padding: var(--spacer-2-5);
-    height: 100%;
+    width: 100%;
+    height: auto;
     flex-shrink: 0;
-    overflow-y: auto;
+    overflow-x: auto;
+    overflow-y: hidden;
     background: var(--color-bg-secondary);
-    border-right: var(--stroke-width-small) solid var(--color-border);
-    /* Honor the scroll-driven height below instead of stretching to the flex line. */
-    align-self: flex-start;
-    /* Scroll-driven: grow to fill the gap as the header scrolls away. Falls back to static height. */
-    animation: mini-carousel-fill-scrolled-chrome linear both;
-    animation-timeline: scroll(root block);
-    animation-range: 0 calc(var(--app-header-height) + var(--doc-header-height));
+    border-top: var(--stroke-width-small) solid var(--color-border);
+    /* Stacked layout: no scroll-driven growth, fill via stretch instead. */
+    align-self: stretch;
+    animation: none;
   }
 
   @keyframes mini-carousel-fill-scrolled-chrome {
@@ -36,8 +38,8 @@
     background: var(--color-bg-secondary);
     cursor: pointer;
     overflow: hidden;
-    width: 48px;
-    height: 48px;
+    width: var(--carousel-item-width);
+    height: var(--carousel-item-height);
   }
 
   .mini-carousel__item img {
@@ -55,40 +57,40 @@
   }
 
   .mini-carousel__divider {
-    width: 100%;
-    height: var(--stroke-width-small);
+    width: var(--stroke-width-small);
+    height: var(--carousel-divider-height);
+    margin: 0 var(--spacer-2);
     background: var(--color-border);
     flex-shrink: 0;
   }
 
-  /* Stacked layout: disable scroll-driven growth and fill via stretch. */
-  @container edit-main (max-width: 1024px) {
+  @container edit-main (min-width: 768px) {
     .mini-carousel {
-      align-self: stretch;
-      height: auto;
-      animation: none;
+      flex-direction: column;
+      align-items: stretch;
+      width: auto;
+      overflow-x: visible;
+      overflow-y: auto;
+      border-top: none;
+      border-right: var(--stroke-width-small) solid var(--color-border);
     }
-  }
 
-  @container edit-main (max-width: 768px) {
-    .mini-carousel {
-      flex-direction: row;
-      align-items: center;
+    .mini-carousel__divider {
       width: 100%;
-      overflow-x: auto;
-      overflow-y: hidden;
-      border-right: 0;
-      border-top: var(--stroke-width-small) solid var(--color-border);
-    }
-
-    .mini-carousel__item {
-      width: 48px;
+      height: var(--stroke-width-small);
+      margin: 0;
     }
+  }
 
-    .mini-carousel__divider {
-      width: var(--stroke-width-small);
-      height: 48px;
-      margin: 0 var(--spacer-2);
+  @container edit-main (min-width: 1024px) {
+    .mini-carousel {
+      height: 100%;
+      /* Honor the scroll-driven height below instead of stretching to the flex line. */
+      align-self: flex-start;
+      /* Scroll-driven: grow to fill the gap as the header scrolls away. Falls back to static height. */
+      animation: mini-carousel-fill-scrolled-chrome linear both;
+      animation-timeline: scroll(root block);
+      animation-range: 0 calc(var(--app-header-height) + var(--doc-header-height));
     }
   }
 }

package/dist/elements/Nav/SidebarTabs/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SidebarTabs/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAW5D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,WAAW,EAAE,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4L9D,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SidebarTabs/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAW5D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,WAAW,EAAE,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmM9D,CAAA"}

package/dist/elements/Nav/SidebarTabs/index.client.js

@@ -41,7 +41,8 @@ export const SidebarTabsClient = ({
     }));
   }, [initialTabContents]);
   const loadTabContent = useCallback(async (tabSlug, {
-    revalidate = false
+    revalidate = false,
+    serverArgs
   } = {}) => {
     const hasCachedContent = Boolean(tabContentRef.current[tabSlug]);
     // Skip if already loaded (unless revalidating) or currently loading
@@ -57,6 +58,7 @@ export const SidebarTabsClient = ({
       const result = await serverFunction({
         name: 'render-tab',
         args: {
+          ...serverArgs,
           tabSlug
         }
       });
@@ -73,14 +75,17 @@ export const SidebarTabsClient = ({
       }
       const errorMessage = error instanceof Error ? error.message : 'Unknown error';
       const handleRetry = () => {
-        // Clear the error and retry loading
+        // Clear the error and retry loading, threading the original serverArgs through so the
+        // retry doesn't silently fall back to req.query-based rendering (the stale-tree bug).
         const clearedContent = {
           ...tabContentRef.current
         };
         delete clearedContent[tabSlug];
         tabContentRef.current = clearedContent;
         setTabContent(clearedContent);
-        void loadTabContent(tabSlug);
+        void loadTabContent(tabSlug, {
+          serverArgs
+        });
       };
       const newContent = {
         ...tabContentRef.current,
@@ -96,7 +101,7 @@ export const SidebarTabsClient = ({
       setLoadingTab(null);
     }
   }, [serverFunction]);
-  const reloadTabContent = useCallback(tabSlug_0 => {
+  const reloadTabContent = useCallback((tabSlug_0, serverArgs_0) => {
     // Clear cached content to force reload
     const clearedContent_0 = {
       ...tabContentRef.current
@@ -104,7 +109,9 @@ export const SidebarTabsClient = ({
     delete clearedContent_0[tabSlug_0];
     tabContentRef.current = clearedContent_0;
     setTabContent(clearedContent_0);
-    void loadTabContent(tabSlug_0);
+    void loadTabContent(tabSlug_0, {
+      serverArgs: serverArgs_0
+    });
   }, [loadTabContent]);
   const handleTabChange = useCallback(slug => {
     setActiveTabID(slug);