@solidxai/core-ui 0.1.13-beta.3 → 0.1.13-beta.5

package/dist/components/core/tree/SolidTreeView.js

@@ -64,7 +64,7 @@ import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import qs from "qs";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
-import { permissionExpression } from "../../../helpers/permissions";
+import { getCollectionViewPermissionNames, permissionExpression } from "../../../helpers/permissions";
 import { SolidCreateButton } from "../common/SolidCreateButton";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { SolidListViewColumn } from "../list/SolidListViewColumn";
@@ -76,23 +76,27 @@ import CompactImage from '../../../resources/images/layout/images/compact.png';
 import CozyImage from '../../../resources/images/layout/images/cozy.png';
 import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
-import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, setFilterObjectToLocalStorage } from "../common/globalSearchPersistence";
+import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, hasStoredSearchUiState, setFilterObjectToLocalStorage } from "../common/globalSearchPersistence";
 import { getExtensionFunction } from "../../../helpers/registry";
+import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
 import { useRouter } from "../../../hooks/useRouter";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
 import { usePathname } from "../../../hooks/usePathname";
 import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
-import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidDropdownMenuTrigger, SolidSelect } from "../../shad-cn-ui";
+import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
+import { SolidButton, SolidConfirmDialog, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidDropdownMenuTrigger, SolidSelect } from "../../shad-cn-ui";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
+import { SolidLightbox } from "../../shad-cn-ui/SolidLightbox";
 import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { getRelationDisplayText } from "../../../helpers/relationDisplay";
 import { Column as SolidTreeColumn, SolidTreeTable } from "./SolidTreeTable";
+import { SolidListViewHeaderButton } from "../list/SolidListViewHeaderButton";
 var DEFAULT_PAGE_SIZE = 25;
 var DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
 var resolveDefaultPageSize = function (options) { return (options.includes(DEFAULT_PAGE_SIZE) ? DEFAULT_PAGE_SIZE : options[0]); };
 // ─── Component ────────────────────────────────────────────────────────────────
 export var SolidTreeView = forwardRef(function (params, ref) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
     var dispatch = useDispatch();
     var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
     var searchParams = useSearchParams();
@@ -101,45 +105,63 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
     var pathname = usePathname();
     var solidGlobalSearchElementRef = useRef(null);
-    var _3 = useState(false), showSaveFilterPopup = _3[0], setShowSaveFilterPopup = _3[1];
-    var _4 = useState(false), showGlobalSearchElement = _4[0], setShowGlobalSearchElement = _4[1];
-    var _5 = useState([]), toPopulate = _5[0], setToPopulate = _5[1];
-    var _6 = useState([]), toPopulateMedia = _6[0], setToPopulateMedia = _6[1];
-    var _7 = useState([]), actionsAllowed = _7[0], setActionsAllowed = _7[1];
-    var _8 = useState({}), createActionQueryParams = _8[0], setCreateActionQueryParams = _8[1];
-    var _9 = useState({}), editActionQueryParams = _9[0], setEditActionQueryParams = _9[1];
-    var _10 = useState([]), selectedRecords = _10[0], setSelectedRecords = _10[1];
-    var _11 = useState([]), selectedRecoverRecords = _11[0], setSelectedRecoverRecords = _11[1];
-    var _12 = useState([]), groupingRules = _12[0], setGroupingRules = _12[1];
-    var _13 = useState([]), aggregationRules = _13[0], setAggregationRules = _13[1];
-    var _14 = useState([]), treeNodes = _14[0], setTreeNodes = _14[1];
-    var _15 = useState({}), selectedNodeKeys = _15[0], setSelectedNodeKeys = _15[1];
-    var _16 = useState({}), expandedKeys = _16[0], setExpandedKeys = _16[1];
-    var _17 = useState(false), treeLoading = _17[0], setTreeLoading = _17[1];
-    var _18 = useState(""), sortField = _18[0], setSortField = _18[1];
-    var _19 = useState(0), sortOrder = _19[0], setSortOrder = _19[1];
-    var _20 = useState([10, 25, 50]), pageSizeOptions = _20[0], setPageSizeOptions = _20[1];
-    var _21 = useState(25), globalLimit = _21[0], setGlobalLimit = _21[1];
-    var _22 = useState(false), isDeleteRecordsDialogVisible = _22[0], setDeleteRecordsDialogVisible = _22[1];
-    var _23 = useState(false), isRecoverDialogVisible = _23[0], setRecoverDialogVisible = _23[1];
-    var _24 = useState(false), showArchived = _24[0], setShowArchived = _24[1];
-    var _25 = useState(), createButtonUrl = _25[0], setCreateButtonUrl = _25[1];
-    var _26 = useState(), editButtonUrl = _26[0], setEditButtonUrl = _26[1];
-    var _27 = useState(false), isDraftPublishWorkflowEnabled = _27[0], setIsDraftPublishWorkflowEnabled = _27[1];
+    var _2 = useState(false), showSaveFilterPopup = _2[0], setShowSaveFilterPopup = _2[1];
+    var _3 = useState(false), showGlobalSearchElement = _3[0], setShowGlobalSearchElement = _3[1];
+    var _4 = useState([]), toPopulate = _4[0], setToPopulate = _4[1];
+    var _5 = useState([]), toPopulateMedia = _5[0], setToPopulateMedia = _5[1];
+    var _6 = useState([]), actionsAllowed = _6[0], setActionsAllowed = _6[1];
+    var _7 = useState({}), createActionQueryParams = _7[0], setCreateActionQueryParams = _7[1];
+    var _8 = useState({}), editActionQueryParams = _8[0], setEditActionQueryParams = _8[1];
+    var _9 = useState([]), selectedRecords = _9[0], setSelectedRecords = _9[1];
+    var _10 = useState([]), selectedRecoverRecords = _10[0], setSelectedRecoverRecords = _10[1];
+    var _11 = useState([]), groupingRules = _11[0], setGroupingRules = _11[1];
+    var _12 = useState([]), aggregationRules = _12[0], setAggregationRules = _12[1];
+    var _13 = useState([]), treeNodes = _13[0], setTreeNodes = _13[1];
+    var _14 = useState({}), selectedNodeKeys = _14[0], setSelectedNodeKeys = _14[1];
+    var _15 = useState({}), expandedKeys = _15[0], setExpandedKeys = _15[1];
+    var _16 = useState(false), treeLoading = _16[0], setTreeLoading = _16[1];
+    var _17 = useState(""), sortField = _17[0], setSortField = _17[1];
+    var _18 = useState(0), sortOrder = _18[0], setSortOrder = _18[1];
+    var _19 = useState([10, 25, 50]), pageSizeOptions = _19[0], setPageSizeOptions = _19[1];
+    var _20 = useState(25), globalLimit = _20[0], setGlobalLimit = _20[1];
+    var _21 = useState(false), isDeleteRecordsDialogVisible = _21[0], setDeleteRecordsDialogVisible = _21[1];
+    var _22 = useState(false), isRecoverDialogVisible = _22[0], setRecoverDialogVisible = _22[1];
+    var _23 = useState(false), showArchived = _23[0], setShowArchived = _23[1];
+    var _24 = useState(false), openLightbox = _24[0], setOpenLightbox = _24[1];
+    var _25 = useState([]), lightboxUrls = _25[0], setLightboxUrls = _25[1];
+    var _26 = useState(), createButtonUrl = _26[0], setCreateButtonUrl = _26[1];
+    var _27 = useState(), editButtonUrl = _27[0], setEditButtonUrl = _27[1];
+    var _28 = useState(false), isDraftPublishWorkflowEnabled = _28[0], setIsDraftPublishWorkflowEnabled = _28[1];
     var sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
         { label: "Comfortable", value: "large", image: ComfortableImage },
     ];
-    var _28 = useState(sizeOptions[1].value), size = _28[0], setSize = _28[1];
-    var _29 = useState([]), viewModes = _29[0], setViewModes = _29[1];
+    var _29 = useState(sizeOptions[1].value), size = _29[0], setSize = _29[1];
+    var _30 = useState([]), viewModes = _30[0], setViewModes = _30[1];
+    var lightboxSlides = Array.isArray(lightboxUrls)
+        ? lightboxUrls
+            .map(function (item) {
+            var src = (item === null || item === void 0 ? void 0 : item.src) || (item === null || item === void 0 ? void 0 : item.downloadUrl) || "";
+            if (!src) {
+                return null;
+            }
+            var mediaType = getMediaTypeFromUrl(src);
+            var slide = { src: src };
+            if (mediaType !== "image") {
+                slide.type = mediaType;
+            }
+            return slide;
+        })
+            .filter(function (slide) { return !!slide; })
+        : [];
     var headerRequestStatusLabel = treeLoading ? "Loading..." : null;
     // ── Pagination state ──────────────────────────────────────────────────────
     /**
      * Key: "root" for top-level group list; node.key (string) for any other node.
      * Value: { offset, limit, total }
      */
-    var _30 = useState({}), paginationMap = _30[0], setPaginationMap = _30[1];
+    var _31 = useState({}), paginationMap = _31[0], setPaginationMap = _31[1];
     var getPagination = function (key, map) {
         var _a;
         if (map === void 0) { map = paginationMap; }
@@ -168,8 +190,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     var entityApi = createSolidEntityApi(params.modelName);
     var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteMultipleSolidEntitiesMutation = entityApi.useDeleteMultipleSolidEntitiesMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntitiesQuery = entityApi.useGetSolidEntitiesQuery, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery, useLazyGetSolidEntityByIdQuery = entityApi.useLazyGetSolidEntityByIdQuery, usePrefetch = entityApi.usePrefetch, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useRecoverSolidEntityByIdQuery = entityApi.useRecoverSolidEntityByIdQuery, useLazyRecoverSolidEntityByIdQuery = entityApi.useLazyRecoverSolidEntityByIdQuery, useRecoverSolidEntityMutation = entityApi.useRecoverSolidEntityMutation;
     var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
-    var _31 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _31[0], _32 = _31[1], recoverByIdData = _32.data, recoverByIdIsLoading = _32.isLoading, recoverByIdError = _32.error, recoverByIdIsError = _32.isError, recoverByIdIsSuccess = _32.isSuccess;
-    var _33 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _33[0], _34 = _33[1], recoverByData = _34.data, recoverByIsLoading = _34.isLoading, recoverError = _34.error, recoverIsError = _34.isError, recoverByIsSuccess = _34.isSuccess;
+    var _32 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _32[0], _33 = _32[1], recoverByIdData = _33.data, recoverByIdIsLoading = _33.isLoading, recoverByIdError = _33.error, recoverByIdIsError = _33.isError, recoverByIdIsSuccess = _33.isSuccess;
+    var _34 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _34[0], _35 = _34[1], recoverByData = _35.data, recoverByIsLoading = _35.isLoading, recoverError = _35.error, recoverIsError = _35.isError, recoverByIsSuccess = _35.isSuccess;
     var treeViewMetaDataQs = qs.stringify({
         modelName: params.modelName,
         moduleName: params.moduleName,
@@ -189,19 +211,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                 switch (_a.label) {
                     case 0:
                         if (!params.modelName) return [3 /*break*/, 2];
-                        permissionNames = [
-                            permissionExpression(params.modelName, 'create'),
-                            permissionExpression(params.modelName, 'delete'),
-                            permissionExpression(params.modelName, 'update'),
-                            permissionExpression(params.modelName, 'deleteMany'),
-                            permissionExpression(params.modelName, 'findOne'),
-                            permissionExpression(params.modelName, 'findMany'),
-                            permissionExpression(params.modelName, 'insertMany'),
-                            permissionExpression('importTransaction', 'create'),
-                            permissionExpression('exportTransaction', 'create'),
-                            permissionExpression('userViewMetadata', 'create'),
-                            permissionExpression('savedFilters', 'create')
-                        ];
+                        permissionNames = getCollectionViewPermissionNames(params.modelName);
                         queryData = {
                             permissionNames: permissionNames,
                         };
@@ -252,9 +262,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         }
     }, [solidTreeViewLayout]);
     var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
-    var _35 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _35[0], isDeleteSolidSingleEntitySuccess = _35[1].isSuccess;
+    var _36 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _36[0], isDeleteSolidSingleEntitySuccess = _36[1].isSuccess;
     // Delete mutation
-    var _36 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _36[0], _37 = _36[1], isSolidEntitiesDeleted = _37.isLoading, isDeleteSolidEntitiesSucess = _37.isSuccess, isSolidEntitiesDeleteError = _37.isError, SolidEntitiesDeleteError = _37.error, DeletedSolidEntities = _37.data;
+    var _37 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _37[0], _38 = _37[1], isSolidEntitiesDeleted = _38.isLoading, isDeleteSolidEntitiesSucess = _38.isSuccess, isSolidEntitiesDeleteError = _38.isError, SolidEntitiesDeleteError = _38.error, DeletedSolidEntities = _38.data;
     var treeViewTitle = (_e = (_d = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.displayName;
     var toggleBothSidebars = function () {
         if (visibleNavbar) {
@@ -264,8 +274,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             dispatch(showNavbar());
         }
     };
-    var _38 = useState(null), filters = _38[0], setFilters = _38[1];
-    var _39 = useState(null), filterPredicates = _39[0], setFilterPredicates = _39[1];
+    var _39 = useState(null), filters = _39[0], setFilters = _39[1];
+    var _40 = useState(null), filterPredicates = _40[0], setFilterPredicates = _40[1];
     var latestFiltersRef = useRef(filters);
     var latestFilterPredicatesRef = useRef(filterPredicates);
     var activeGroupingRules = useMemo(function () { return (groupingRules || []).filter(function (rule) { return !!(rule === null || rule === void 0 ? void 0 : rule.fieldName); }); }, [groupingRules]);
@@ -485,6 +495,19 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         return groupPath
             .map(function (item) { return buildImplicitFilterCondition(item); });
     };
+    var getGroupNodeKey = function (groupPath) {
+        if (groupPath === void 0) { groupPath = []; }
+        return groupPath.reduce(function (parentKey, item) {
+            var _a;
+            return "".concat(parentKey, "-g-").concat(encodeURIComponent(JSON.stringify({
+                ruleIndex: item.ruleIndex,
+                fieldName: item.fieldName,
+                filterField: item.filterField,
+                value: item.value,
+                dateGranularity: (_a = item.dateGranularity) !== null && _a !== void 0 ? _a : null,
+            })));
+        }, "root");
+    };
     var mergeFiltersWithImplicit = function (implicitFilters) {
         var _a;
         var baseFilters = latestFiltersRef.current;
@@ -575,7 +598,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     };
     // ─── API fetch helpers (now accept offset + limit) ────────────────────────
     var runGroupedQuery = function (ruleIndex, groupPath, offset, limit) { return __awaiter(void 0, void 0, void 0, function () {
-        var rule, queryData, sortParam, implicitFilters, mergedFilters, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_1, queryString, response;
+        var rule, queryData, sortParam, implicitFilters, mergedFilters, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_1, queryString, request, response;
         var _a, _b, _c, _d, _e;
         return __generator(this, function (_f) {
             switch (_f.label) {
@@ -636,7 +659,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     return [3 /*break*/, 4];
                 case 4:
                     queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-                    return [4 /*yield*/, triggerGetSolidEntities(queryString).unwrap()];
+                    request = triggerGetSolidEntities(queryString);
+                    return [4 /*yield*/, request.unwrap().finally(function () { return request.unsubscribe(); })];
                 case 5:
                     response = _f.sent();
                     return [2 /*return*/, { queryData: queryData, queryString: queryString, response: response }];
@@ -644,7 +668,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         });
     }); };
     var runLeafQuery = function (groupPath, offset, limit) { return __awaiter(void 0, void 0, void 0, function () {
-        var queryData, implicitFilters, mergedFilters, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_2, queryString, response;
+        var queryData, implicitFilters, mergedFilters, dynamicHeader, dynamicExtensionFunction, event, updatedListData, err_2, queryString, request, response;
         var _a, _b, _c, _d, _e;
         return __generator(this, function (_f) {
             switch (_f.label) {
@@ -700,7 +724,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     return [3 /*break*/, 4];
                 case 4:
                     queryString = qs.stringify(queryData, { encodeValuesOnly: true });
-                    return [4 /*yield*/, triggerGetSolidEntities(queryString).unwrap()];
+                    request = triggerGetSolidEntities(queryString);
+                    return [4 /*yield*/, request.unwrap().finally(function () { return request.unsubscribe(); })];
                 case 5:
                     response = _f.sent();
                     return [2 /*return*/, { queryData: queryData, queryString: queryString, response: response }];
@@ -708,7 +733,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         });
     }); };
     // ─── Node builders ────────────────────────────────────────────────────────
-    var buildGroupNodes = function (groupMetaRows, ruleIndex, parentPath, parentKey) {
+    var buildGroupNodes = function (groupMetaRows, ruleIndex, parentPath) {
         var rule = activeGroupingRules[ruleIndex];
         if (!(rule === null || rule === void 0 ? void 0 : rule.fieldName))
             return [];
@@ -716,7 +741,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         var filterField = getResolvedGroupField(fieldName);
         // const dateGranularity = dateTimeImplicitFilter(rule);
         var dateGranularity = getDateGranularity(rule);
-        return (groupMetaRows || []).map(function (groupMeta, index) {
+        return (groupMetaRows || []).map(function (groupMeta) {
             var _a;
             var rawGroupLabel = groupMeta === null || groupMeta === void 0 ? void 0 : groupMeta.groupName;
             var normalizedGroupLabel = rawGroupLabel === "[object Object]"
@@ -729,7 +754,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                 { ruleIndex: ruleIndex, fieldName: fieldName, filterField: filterField, value: groupValue, dateGranularity: dateGranularity },
             ], false);
             return {
-                key: "".concat(parentKey, "-g-").concat(ruleIndex, "-").concat(index),
+                key: getGroupNodeKey(groupPath),
                 data: {
                     __treeMeta: {
                         nodeType: "group",
@@ -771,18 +796,59 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             return node;
         });
     };
+    var fetchNodeChildren = function (node, offset, limit) { return __awaiter(void 0, void 0, void 0, function () {
+        var meta, nodeKey, nextRuleIndex, response_1, response;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    meta = (_a = node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta;
+                    if (!meta || meta.nodeType !== "group") {
+                        return [2 /*return*/, { children: [], total: 0 }];
+                    }
+                    nodeKey = String(node.key);
+                    nextRuleIndex = meta.ruleIndex + 1;
+                    if (!(nextRuleIndex < activeGroupingRules.length)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, runGroupedQuery(nextRuleIndex, meta.groupPath || [], offset, limit)];
+                case 1:
+                    response_1 = (_d.sent()).response;
+                    return [2 /*return*/, {
+                            children: buildGroupNodes((response_1 === null || response_1 === void 0 ? void 0 : response_1.groupMeta) || [], nextRuleIndex, meta.groupPath || []),
+                            total: (_b = response_1 === null || response_1 === void 0 ? void 0 : response_1.meta.totalRecords) !== null && _b !== void 0 ? _b : 0,
+                        }];
+                case 2: return [4 /*yield*/, runLeafQuery(meta.groupPath || [], offset, limit)];
+                case 3:
+                    response = (_d.sent()).response;
+                    return [2 /*return*/, {
+                            children: buildRecordNodes((response === null || response === void 0 ? void 0 : response.records) || [], nodeKey, meta.groupPath || []),
+                            total: (_c = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _c !== void 0 ? _c : 0,
+                        }];
+            }
+        });
+    }); };
+    var mergeNodesWithCurrentState = function (freshNodes, currentNodes) {
+        var currentNodesByKey = new Map(currentNodes.map(function (node) { return [String(node.key), node]; }));
+        return freshNodes.map(function (node) {
+            var _a;
+            var currentNode = currentNodesByKey.get(String(node.key));
+            return ((_a = currentNode === null || currentNode === void 0 ? void 0 : currentNode.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? __assign(__assign({}, node), { children: currentNode.children }) : node;
+        });
+    };
     // ─── Root group load / paginate ───────────────────────────────────────────
-    var loadRootGroups = function (offset) {
+    var loadRootGroups = function (offset, affectedGroupPaths) {
         if (offset === void 0) { offset = 0; }
+        if (affectedGroupPaths === void 0) { affectedGroupPaths = []; }
         return __awaiter(void 0, void 0, void 0, function () {
-            var queryObject, limit, response, rootNodes, total, queryData, error_1;
-            var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            var queryObject, limit, response, rootNodes, total, rootPaginationEntry, nextTreeNodes, nextPaginationMap, refreshedNodeKeys, _i, affectedGroupPaths_1, groupPath, depth, nodeKey, node, pagination, _a, children, childTotal, nextChildren, queryData, error_1;
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         if (!solidTreeViewMetaData || activeGroupingRules.length === 0) {
                             setTreeNodes([]);
                             setExpandedKeys({});
+                            setPaginationMap({});
                             queryObject = getFilterObjectFromLocalStorage();
                             if (queryObject) {
                                 delete queryObject.grouping_rules;
@@ -793,18 +859,59 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         }
                         limit = globalLimit || DEFAULT_PAGE_SIZE;
                         setTreeLoading(true);
-                        _c.label = 1;
+                        _d.label = 1;
                     case 1:
-                        _c.trys.push([1, 3, 4, 5]);
+                        _d.trys.push([1, 9, 10, 11]);
                         return [4 /*yield*/, runGroupedQuery(0, [], offset, limit)];
                     case 2:
-                        response = (_c.sent()).response;
-                        rootNodes = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], 0, [], "root");
-                        setTreeNodes(rootNodes);
-                        setExpandedKeys({});
+                        response = (_d.sent()).response;
+                        rootNodes = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], 0, []);
+                        total = (_b = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _b !== void 0 ? _b : 0;
+                        rootPaginationEntry = { offset: offset, total: total, limit: limit };
+                        nextTreeNodes = affectedGroupPaths.length > 0
+                            ? mergeNodesWithCurrentState(rootNodes, treeNodes)
+                            : rootNodes;
+                        nextPaginationMap = affectedGroupPaths.length > 0
+                            ? __assign(__assign({}, paginationMap), { root: rootPaginationEntry }) : { root: rootPaginationEntry };
+                        refreshedNodeKeys = new Set();
+                        _i = 0, affectedGroupPaths_1 = affectedGroupPaths;
+                        _d.label = 3;
+                    case 3:
+                        if (!(_i < affectedGroupPaths_1.length)) return [3 /*break*/, 8];
+                        groupPath = affectedGroupPaths_1[_i];
+                        depth = 0;
+                        _d.label = 4;
+                    case 4:
+                        if (!(depth < groupPath.length)) return [3 /*break*/, 7];
+                        nodeKey = getGroupNodeKey(groupPath.slice(0, depth + 1));
+                        if (refreshedNodeKeys.has(nodeKey))
+                            return [3 /*break*/, 6];
+                        node = findNodeByKey(nextTreeNodes, nodeKey);
+                        if (!node)
+                            return [3 /*break*/, 7];
+                        pagination = getPagination(nodeKey);
+                        return [4 /*yield*/, fetchNodeChildren(node, pagination.offset, pagination.limit)];
+                    case 5:
+                        _a = _d.sent(), children = _a.children, childTotal = _a.total;
+                        nextChildren = depth < groupPath.length - 1
+                            ? mergeNodesWithCurrentState(children, node.children || [])
+                            : children;
+                        nextTreeNodes = updateNodeChildren(nextTreeNodes, nodeKey, nextChildren);
+                        nextPaginationMap[nodeKey] = __assign(__assign({}, pagination), { total: childTotal });
+                        refreshedNodeKeys.add(nodeKey);
+                        _d.label = 6;
+                    case 6:
+                        depth += 1;
+                        return [3 /*break*/, 4];
+                    case 7:
+                        _i++;
+                        return [3 /*break*/, 3];
+                    case 8:
+                        setTreeNodes(nextTreeNodes);
                         setSelectedNodeKeys({});
-                        total = (_a = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _a !== void 0 ? _a : 0;
-                        setPagination("root", { offset: offset, total: total, limit: limit });
+                        setPaginationMap(nextPaginationMap);
+                        if (affectedGroupPaths.length === 0)
+                            setExpandedKeys({});
                         if (latestFilterPredicatesRef.current && latestFilterPredicatesRef.current.persistFilter) {
                             queryData = {
                                 offset: offset,
@@ -824,16 +931,15 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                             applyArchivedQueryState(queryData);
                             setFilterObjectToLocalStorage(queryData);
                         }
-                        return [3 /*break*/, 5];
-                    case 3:
-                        error_1 = _c.sent();
-                        setTreeNodes([]);
-                        dispatch(showToast({ severity: "error", summary: "Failed to load tree", detail: ((_b = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _b === void 0 ? void 0 : _b.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Unable to load grouped data", life: 4000 }));
-                        return [3 /*break*/, 5];
-                    case 4:
+                        return [3 /*break*/, 11];
+                    case 9:
+                        error_1 = _d.sent();
+                        dispatch(showToast({ severity: "error", summary: "Failed to load tree", detail: ((_c = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _c === void 0 ? void 0 : _c.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Unable to load grouped data", life: 4000 }));
+                        return [3 /*break*/, 11];
+                    case 10:
                         setTreeLoading(false);
                         return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
+                    case 11: return [2 /*return*/];
                 }
             });
         });
@@ -848,37 +954,23 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     }, [solidTreeViewMetaData, params.modelName, activeGroupingRules, aggregationRules, filters, sortField, sortOrder, globalLimit, showArchived]);
     // ─── Expand handler ───────────────────────────────────────────────────────
     var loadNodeChildren = function (node, offset) { return __awaiter(void 0, void 0, void 0, function () {
-        var meta, nodeKey, limit, nextRuleIndex, children_1, total, response, response, error_2;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
+        var meta, nodeKey, limit, _a, children_1, total, error_2;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
-                    meta = (_a = node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta;
+                    meta = (_b = node.data) === null || _b === void 0 ? void 0 : _b.__treeMeta;
                     if (!meta || meta.nodeType !== "group")
                         return [2 /*return*/];
                     nodeKey = String(node.key);
                     limit = getPagination(nodeKey).limit || globalLimit || DEFAULT_PAGE_SIZE;
-                    nextRuleIndex = meta.ruleIndex + 1;
                     setTreeLoading(true);
-                    _e.label = 1;
+                    _d.label = 1;
                 case 1:
-                    _e.trys.push([1, 6, 7, 8]);
-                    children_1 = [];
-                    total = 0;
-                    if (!(nextRuleIndex < activeGroupingRules.length)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, runGroupedQuery(nextRuleIndex, meta.groupPath || [], offset, limit)];
+                    _d.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, fetchNodeChildren(node, offset, limit)];
                 case 2:
-                    response = (_e.sent()).response;
-                    children_1 = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], nextRuleIndex, meta.groupPath || [], nodeKey);
-                    total = (_b = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _b !== void 0 ? _b : 0;
-                    return [3 /*break*/, 5];
-                case 3: return [4 /*yield*/, runLeafQuery(meta.groupPath || [], offset, limit)];
-                case 4:
-                    response = (_e.sent()).response;
-                    children_1 = buildRecordNodes((response === null || response === void 0 ? void 0 : response.records) || [], nodeKey, meta.groupPath || []);
-                    total = (_c = response === null || response === void 0 ? void 0 : response.meta.totalRecords) !== null && _c !== void 0 ? _c : 0;
-                    _e.label = 5;
-                case 5:
+                    _a = _d.sent(), children_1 = _a.children, total = _a.total;
                     setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, children_1); });
                     setPagination(node.key, { offset: offset, total: total, limit: limit });
                     setSelectedNodeKeys(function (prevKeys) {
@@ -921,16 +1013,16 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                             return next;
                         });
                     }
-                    return [3 /*break*/, 8];
-                case 6:
-                    error_2 = _e.sent();
-                    dispatch(showToast({ severity: "error", summary: "Failed to expand node", detail: ((_d = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _d === void 0 ? void 0 : _d.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to load children", life: 4000 }));
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_2 = _d.sent();
+                    dispatch(showToast({ severity: "error", summary: "Failed to expand node", detail: ((_c = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _c === void 0 ? void 0 : _c.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to load children", life: 4000 }));
                     setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, []); });
-                    return [3 /*break*/, 8];
-                case 7:
+                    return [3 /*break*/, 5];
+                case 4:
                     setTreeLoading(false);
                     return [7 /*endfinally*/];
-                case 8: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
@@ -1082,12 +1174,15 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     // ─── Bulk delete ──────────────────────────────────────────────────────────
     // handle bulk deletion
     var deleteBulk = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var deleteList, error_3;
+        var deleteList, affectedGroupPaths, error_3;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     deleteList = selectedRecords.map(function (element) { return element.id; });
+                    affectedGroupPaths = selectedRecords
+                        .map(function (record) { var _a; return (_a = record === null || record === void 0 ? void 0 : record.__treeMeta) === null || _a === void 0 ? void 0 : _a.groupPath; })
+                        .filter(function (groupPath) { return Array.isArray(groupPath); });
                     if (deleteList.length === 0) {
                         setDeleteRecordsDialogVisible(false);
                         return [2 /*return*/];
@@ -1100,7 +1195,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     _b.sent();
                     dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
                     setDeleteRecordsDialogVisible(false);
-                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset, affectedGroupPaths)];
                 case 3:
                     _b.sent();
                     return [3 /*break*/, 5];
@@ -1119,12 +1214,15 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords([]);
     };
     var recoverAll = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var recoverList, response, error_4;
+        var recoverList, affectedGroupPaths, response, error_4;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
                     recoverList = selectedRecoverRecords.map(function (element) { return element.id; });
+                    affectedGroupPaths = selectedRecoverRecords
+                        .map(function (record) { var _a; return (_a = record === null || record === void 0 ? void 0 : record.__treeMeta) === null || _a === void 0 ? void 0 : _a.groupPath; })
+                        .filter(function (groupPath) { return Array.isArray(groupPath); });
                     if (recoverList.length === 0) {
                         setRecoverDialogVisible(false);
                         return [2 /*return*/];
@@ -1142,7 +1240,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         detail: ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) || "Records recovered successfully.",
                         life: 3000,
                     }));
-                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset, affectedGroupPaths)];
                 case 3:
                     _c.sent();
                     return [3 /*break*/, 5];
@@ -1187,8 +1285,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                 solidListViewMetaData: solidTreeViewMetaData,
                 fieldMetadata: fieldMetadata,
                 column: column,
-                setLightboxUrls: function () { },
-                setOpenLightbox: function () { },
+                setLightboxUrls: setLightboxUrls,
+                setOpenLightbox: setOpenLightbox,
             });
             if (!React.isValidElement(listColumn))
                 return null;
@@ -1299,8 +1397,14 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         }); },
     }); }, [filters, filterPredicates, paginationMap, showArchived, sortField, sortOrder, treeLoading, treeNodes]);
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _40 = useState(), selectedSolidViewData = _40[0], setSelectedSolidViewData = _40[1];
-    var _41 = useState(false), deleteEntity = _41[0], setDeleteEntity = _41[1];
+    var shouldShowMobileSearchElement = showGlobalSearchElement || hasStoredSearchUiState(filterPredicates) || hasStoredSearchUiState(getFilterObjectFromLocalStorage());
+    var visibleHeaderButtons = useMemo(function () {
+        var _a, _b;
+        return ((_b = (_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.headerButtons) !== null && _b !== void 0 ? _b : []).filter(function (button) { return isButtonVisibleInCurrentEnv(button === null || button === void 0 ? void 0 : button.attrs); });
+    }, [(_f = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.headerButtons]);
+    var _41 = useState(), selectedSolidViewData = _41[0], setSelectedSolidViewData = _41[1];
+    var _42 = useState(false), deleteEntity = _42[0], setDeleteEntity = _42[1];
+    var entityDisplayName = ((_j = (_h = (_g = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView) === null || _h === void 0 ? void 0 : _h.model) === null || _j === void 0 ? void 0 : _j.displayName) || (params === null || params === void 0 ? void 0 : params.modelName);
     var openRowForEdit = function (rowData, viewMode) {
         storeCurrentModelViewContext();
         router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=").concat(viewMode, "&").concat(new URLSearchParams(editActionQueryParams).toString()));
@@ -1339,32 +1443,33 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         });
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_5;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var affectedGroupPath, response, error_5;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
                 case 0:
-                    _d.trys.push([0, 5, , 6]);
+                    _e.trys.push([0, 5, , 6]);
                     if (!(selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.id)) {
                         throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
                     }
+                    affectedGroupPath = (_a = selectedSolidViewData === null || selectedSolidViewData === void 0 ? void 0 : selectedSolidViewData.__treeMeta) === null || _a === void 0 ? void 0 : _a.groupPath;
                     return [4 /*yield*/, deleteSolidSingleEntiry(selectedSolidViewData.id)];
                 case 1:
-                    response = _d.sent();
-                    if (!(((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200)) return [3 /*break*/, 3];
+                    response = _e.sent();
+                    if (!(((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.statusCode) === 200)) return [3 /*break*/, 3];
                     setDeleteEntity(false);
                     setSelectedSolidViewData(undefined);
                     dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
-                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset, Array.isArray(affectedGroupPath) ? [affectedGroupPath] : [])];
                 case 2:
-                    _d.sent();
+                    _e.sent();
                     return [3 /*break*/, 4];
                 case 3:
-                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_c = (_b = response === null || response === void 0 ? void 0 : response.error) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.error, sticky: true }));
-                    _d.label = 4;
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_d = (_c = response === null || response === void 0 ? void 0 : response.error) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.error, sticky: true }));
+                    _e.label = 4;
                 case 4: return [3 /*break*/, 6];
                 case 5:
-                    error_5 = _d.sent();
+                    error_5 = _e.sent();
                     dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG, sticky: true }));
                     return [3 /*break*/, 6];
                 case 6: return [2 /*return*/];
@@ -1373,34 +1478,34 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     }); };
     var handleRecoverRecord = function (record) { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_6;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
                     if (!(record === null || record === void 0 ? void 0 : record.id))
                         return [2 /*return*/];
-                    _c.label = 1;
+                    _d.label = 1;
                 case 1:
-                    _c.trys.push([1, 4, , 5]);
+                    _d.trys.push([1, 4, , 5]);
                     return [4 /*yield*/, triggerRecoverSolidEntitiesById(record.id).unwrap()];
                 case 2:
-                    response = _c.sent();
+                    response = _d.sent();
                     dispatch(showToast({
                         severity: "success",
                         summary: "Success",
                         detail: ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) || "Record recovered successfully.",
                         life: 3000,
                     }));
-                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset)];
+                    return [4 /*yield*/, loadRootGroups(getPagination("root").offset, Array.isArray((_b = record === null || record === void 0 ? void 0 : record.__treeMeta) === null || _b === void 0 ? void 0 : _b.groupPath) ? [record.__treeMeta.groupPath] : [])];
                 case 3:
-                    _c.sent();
+                    _d.sent();
                     return [3 /*break*/, 5];
                 case 4:
-                    error_6 = _c.sent();
+                    error_6 = _d.sent();
                     dispatch(showToast({
                         severity: "error",
                         summary: "Recover Failed",
-                        detail: ((_b = error_6 === null || error_6 === void 0 ? void 0 : error_6.data) === null || _b === void 0 ? void 0 : _b.message) || (error_6 === null || error_6 === void 0 ? void 0 : error_6.message) || "Unable to recover the selected record.",
+                        detail: ((_c = error_6 === null || error_6 === void 0 ? void 0 : error_6.data) === null || _c === void 0 ? void 0 : _c.message) || (error_6 === null || error_6 === void 0 ? void 0 : error_6.message) || "Unable to recover the selected record.",
                         life: 4000,
                     }));
                     return [3 /*break*/, 5];
@@ -1467,12 +1572,12 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 })] })] }))] }));
     };
     // ─── Render ───────────────────────────────────────────────────────────────
-    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "flex gap-4 items-center w-full solid-list-toolbar-left", children: [_jsx("div", { className: "flex items-center gap-2" }), ((_h = (_g = (_f = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_l = (_k = (_j = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.layout) === null || _l === void 0 ? void 0 : _l.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
-                                                    ((_p = (_o = (_m = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _m === void 0 ? void 0 : _m.solidView) === null || _o === void 0 ? void 0 : _o.layout) === null || _p === void 0 ? void 0 : _p.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
-                                                    ((_s = (_r = (_q = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs.delete) !== false &&
+    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: [_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "flex gap-4 items-center w-full solid-list-toolbar-left", children: [_jsx("div", { className: "flex items-center gap-2" }), ((_m = (_l = (_k = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_q = (_p = (_o = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.layout) === null || _q === void 0 ? void 0 : _q.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_r = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _r === void 0 ? void 0 : _r.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
+                                                    ((_u = (_t = (_s = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidView) === null || _t === void 0 ? void 0 : _t.layout) === null || _u === void 0 ? void 0 : _u.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
+                                                    ((_x = (_w = (_v = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _v === void 0 ? void 0 : _v.solidView) === null || _w === void 0 ? void 0 : _w.layout) === null || _x === void 0 ? void 0 : _x.attrs.delete) !== false &&
                                                     selectedRecords.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "sm", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "solid-icon-button", onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && selectedRecoverRecords.length > 0 && (_jsx(SolidButton, { type: "button", size: "sm", variant: "secondary", className: "hidden lg:flex", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&
-                                                    ((_t = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _t === void 0 ? void 0 : _t.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidTreeViewMetaData, solidListViewLayout: solidTreeViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidTreeViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDeleteRecordsDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_w = (_v = (_u = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.layout) === null || _w === void 0 ? void 0 : _w.attrs.enableGlobalSearch) === true &&
-                                    showGlobalSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter }) }))] }), _jsx("div", { className: "solid-datatable-wrapper solid-list-table-area solid-tree-table-area flex-1 min-h-0 overflow-hidden", children: activeGroupingRules.length === 0 ? (_jsx("div", { className: "solid-empty-listview-placeholder-container solid-tree-empty-state", children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: treeViewTitle || "Tree View" }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: "Build a grouping structure to explore your data in hierarchical levels." })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsx("div", { className: "solid-empty-listview-title", children: "No grouping rules applied" }), _jsx("div", { className: "solid-empty-listview-actions", children: _jsx(SolidButton, { type: "button", variant: "primary", size: "small", leftIcon: _jsx(Plus, { size: 14 }), onClick: openGroupingBuilder, children: "Create Groups" }) }), _jsx("div", { className: "solid-empty-listview-description", children: "Start by adding grouping rules and optional aggregations for this tree view." })] })] }) })) : (_jsxs(SolidTreeTable, { value: treeNodes, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", rowClassName: function (node) { var _a; return ((_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.deletedAt) ? "greyed-out-row" : ""; }, selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
+                                                    ((_y = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidTreeViewMetaData, solidListViewLayout: solidTreeViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidTreeViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDeleteRecordsDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_1 = (_0 = (_z = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs.enableGlobalSearch) === true &&
+                                    shouldShowMobileSearchElement && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), _jsx("div", { className: "solid-datatable-wrapper solid-list-table-area solid-tree-table-area flex-1 min-h-0 overflow-hidden", children: activeGroupingRules.length === 0 ? (_jsx("div", { className: "solid-empty-listview-placeholder-container solid-tree-empty-state", children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: treeViewTitle || "Tree View" }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: "Build a grouping structure to explore your data in hierarchical levels." })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsx("div", { className: "solid-empty-listview-title", children: "No grouping rules applied" }), _jsx("div", { className: "solid-empty-listview-actions", children: _jsx(SolidButton, { type: "button", variant: "primary", size: "small", leftIcon: _jsx(Plus, { size: 14 }), onClick: openGroupingBuilder, children: "Create Groups" }) }), _jsx("div", { className: "solid-empty-listview-description", children: "Start by adding grouping rules and optional aggregations for this tree view." })] })] }) })) : (_jsxs(SolidTreeTable, { value: treeNodes, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", rowClassName: function (node) { var _a; return ((_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.deletedAt) ? "greyed-out-row" : ""; }, selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
                                     setSortField(e.sortField || "");
                                     setSortOrder(e.sortOrder || 0);
                                 }, onRowClick: function (e) {
@@ -1526,16 +1631,10 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                             var canPrev = hasPrev(nodeKey);
                                             var canNext = hasNext(nodeKey);
                                             return (_jsxs("div", { className: "solid-tree-node-paginator", onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(SolidButton, { type: "button", variant: "outline", size: "sm", leftIcon: _jsx(ChevronLeft, { size: 14 }), disabled: !canPrev || treeLoading, className: "solid-tree-paginator-btn", onClick: function () { return handleNodePageChange(nodeKey, "prev"); } }), _jsx(SolidButton, { type: "button", variant: "outline", size: "sm", leftIcon: _jsx(ChevronRight, { size: 14 }), disabled: !canNext || treeLoading, className: "solid-tree-paginator-btn", onClick: function () { return handleNodePageChange(nodeKey, "next"); } })] }));
-                                        } }, "tree-last-frozen-column")] })) }), _jsx(RootPaginationBar, {})] }) }), _jsxs(SolidDialog, { open: deleteEntity, onOpenChange: function (open) {
-                    if (!open)
-                        setDeleteEntity(false);
-                }, contentClassName: "solid-confirm-dialog solid-tree-confirm-dialog", showHeader: false, children: [_jsx(SolidDialogHeader, { children: _jsxs(SolidDialogTitle, { children: ["Delete ", ((_z = (_y = (_x = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _x === void 0 ? void 0 : _x.solidView) === null || _y === void 0 ? void 0 : _y.model) === null || _z === void 0 ? void 0 : _z.displayName) || (params === null || params === void 0 ? void 0 : params.modelName)] }) }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidDialogDescription, { className: "m-0", children: "Are you sure you want to delete this ".concat(((_2 = (_1 = (_0 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _0 === void 0 ? void 0 : _0.solidView) === null || _1 === void 0 ? void 0 : _1.model) === null || _2 === void 0 ? void 0 : _2.displayName) || (params === null || params === void 0 ? void 0 : params.modelName), "?") }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Cancel", size: "sm", variant: "outline", onClick: function () { return setDeleteEntity(false); } }), _jsx(SolidButton, { label: "Delete", size: "sm", severity: "danger", onClick: handleDeleteEntity })] })] }), _jsxs(SolidDialog, { open: isDeleteRecordsDialogVisible, onOpenChange: function (open) {
-                    if (!open)
-                        setDeleteRecordsDialogVisible(false);
-                }, contentClassName: "solid-confirm-dialog solid-tree-confirm-dialog", showHeader: false, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogTitle, { children: "Confirm Delete" }) }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidDialogDescription, { className: "m-0", children: "Are you sure you want to delete the selected records?" }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Cancel", size: "sm", variant: "outline", onClick: onDeleteClose }), _jsx(SolidButton, { label: "Delete", size: "sm", severity: "danger", onClick: deleteBulk })] })] }), _jsxs(SolidDialog, { open: isRecoverDialogVisible, onOpenChange: function (open) {
+                                        } }, "tree-last-frozen-column")] })) }), _jsx(RootPaginationBar, {})] }) }), _jsx(SolidConfirmDialog, { open: deleteEntity, onCancel: function () { return setDeleteEntity(false); }, onConfirm: handleDeleteEntity, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), _jsx(SolidConfirmDialog, { open: isDeleteRecordsDialogVisible, onCancel: onDeleteClose, onConfirm: deleteBulk, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete Records", message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete the selected records?" }), confirmLabel: "Delete", cancelLabel: "Cancel" }), _jsxs(SolidDialog, { open: isRecoverDialogVisible, onOpenChange: function (open) {
                     if (!open)
                         setRecoverDialogVisible(false);
-                }, contentClassName: "solid-confirm-dialog solid-tree-confirm-dialog", showHeader: false, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogTitle, { children: "Confirm Recover" }) }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidDialogDescription, { className: "m-0", children: "Are you sure you want to recover all records?" }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "No", size: "sm", variant: "outline", onClick: function () { return setRecoverDialogVisible(false); } }), _jsx(SolidButton, { label: "Yes", size: "sm", severity: "danger", onClick: recoverAll })] })] })] }));
+                }, contentClassName: "solid-confirm-dialog solid-tree-confirm-dialog", showHeader: false, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogTitle, { children: "Confirm Recover" }) }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidDialogDescription, { className: "m-0", children: "Are you sure you want to recover all records?" }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "No", size: "sm", variant: "outline", onClick: function () { return setRecoverDialogVisible(false); } }), _jsx(SolidButton, { label: "Yes", size: "sm", severity: "danger", onClick: recoverAll })] })] }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 });
 SolidTreeView.displayName = "SolidTreeView";
 //# sourceMappingURL=SolidTreeView.js.map