@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

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

@@ -54,8 +54,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
+import { ChevronLeft, ChevronRight, EllipsisVertical, Pencil, Plus, RefreshCw, Search, Trash2 } from "lucide-react";
 import { showToast } from "../../../redux/features/toastSlice";
 import { useDispatch, useSelector } from "react-redux";
 import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
@@ -63,14 +64,9 @@ import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import qs from "qs";
 import { useSearchParams } from "../../../hooks/useSearchParams";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
-import { Button } from "primereact/button";
 import { permissionExpression } from "../../../helpers/permissions";
 import { SolidCreateButton } from "../common/SolidCreateButton";
-import { Dialog } from "primereact/dialog";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { TreeTable } from "primereact/treetable";
-import { Dropdown } from "primereact/dropdown";
-import { Column } from "primereact/column";
 import { SolidListViewColumn } from "../list/SolidListViewColumn";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { useSession } from "../../../hooks/useSession";
@@ -79,22 +75,22 @@ import { SolidListViewConfigure } from "../list/SolidListViewConfigure";
 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 { Divider } from "primereact/divider";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { getFilterObjectFromLocalStorage, setFilterObjectToLocalStorage } from "../list/SolidListView";
-import { HomePageModuleSvg } from "../../Svg/HomePageModuleSvg";
 import { getExtensionFunction } from "../../../helpers/registry";
-import { Tooltip } from "primereact/tooltip";
 import { useRouter } from "../../../hooks/useRouter";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
 import { usePathname } from "../../../hooks/usePathname";
 import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { SolidListViewRowButtonContextMenu } from "../list/SolidListViewRowButtonContextMenu";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidDropdownMenuTrigger, SolidIcon } from "../../shad-cn-ui";
+import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
+import { Column as SolidTreeColumn, SolidTreeTable } from "./SolidTreeTable";
 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, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
+    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 dispatch = useDispatch();
     var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
     var searchParams = useSearchParams();
@@ -103,49 +99,55 @@ 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 _20 = useState(false), showSaveFilterPopup = _20[0], setShowSaveFilterPopup = _20[1];
-    var _21 = useState(false), showGlobalSearchElement = _21[0], setShowGlobalSearchElement = _21[1];
-    var _22 = useState([]), toPopulate = _22[0], setToPopulate = _22[1];
-    var _23 = useState([]), toPopulateMedia = _23[0], setToPopulateMedia = _23[1];
-    var _24 = useState([]), actionsAllowed = _24[0], setActionsAllowed = _24[1];
-    var _25 = useState({}), createActionQueryParams = _25[0], setCreateActionQueryParams = _25[1];
-    var _26 = useState({}), editActionQueryParams = _26[0], setEditActionQueryParams = _26[1];
-    var _27 = useState([]), selectedRecords = _27[0], setSelectedRecords = _27[1];
-    var _28 = useState([]), selectedRecoverRecords = _28[0], setSelectedRecoverRecords = _28[1];
-    var _29 = useState([]), groupingRules = _29[0], setGroupingRules = _29[1];
-    var _30 = useState([]), aggregationRules = _30[0], setAggregationRules = _30[1];
-    var _31 = useState([]), treeNodes = _31[0], setTreeNodes = _31[1];
-    var _32 = useState({}), selectedNodeKeys = _32[0], setSelectedNodeKeys = _32[1];
-    var _33 = useState({}), expandedKeys = _33[0], setExpandedKeys = _33[1];
-    var _34 = useState(false), treeLoading = _34[0], setTreeLoading = _34[1];
-    var _35 = useState(""), sortField = _35[0], setSortField = _35[1];
-    var _36 = useState(0), sortOrder = _36[0], setSortOrder = _36[1];
-    var _37 = useState([10, 25, 50]), pageSizeOptions = _37[0], setPageSizeOptions = _37[1];
-    var _38 = useState(25), globalLimit = _38[0], setGlobalLimit = _38[1];
-    var _39 = useState(false), isDeleteRecordsDialogVisible = _39[0], setDeleteRecordsDialogVisible = _39[1];
-    var _40 = useState(false), isRecoverDialogVisible = _40[0], setRecoverDialogVisible = _40[1];
-    var _41 = useState(false), showArchived = _41[0], setShowArchived = _41[1];
-    var _42 = useState(), createButtonUrl = _42[0], setCreateButtonUrl = _42[1];
-    var _43 = useState(), editButtonUrl = _43[0], setEditButtonUrl = _43[1];
-    var _44 = useState(false), isDraftPublishWorkflowEnabled = _44[0], setIsDraftPublishWorkflowEnabled = _44[1];
+    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 sizeOptions = [
         { label: "Compact", value: "small", image: CompactImage },
         { label: "Cozy", value: "normal", image: CozyImage },
         { label: "Comfortable", value: "large", image: ComfortableImage },
     ];
-    var _45 = useState(sizeOptions[1].value), size = _45[0], setSize = _45[1];
-    var _46 = useState([]), viewModes = _46[0], setViewModes = _46[1];
+    var _28 = useState(sizeOptions[1].value), size = _28[0], setSize = _28[1];
+    var _29 = useState([]), viewModes = _29[0], setViewModes = _29[1];
+    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 _47 = useState({}), paginationMap = _47[0], setPaginationMap = _47[1];
-    var getPagination = function (key) { var _a; return (_a = paginationMap[key]) !== null && _a !== void 0 ? _a : { offset: 0, limit: globalLimit, total: 0 }; };
+    var _30 = useState({}), paginationMap = _30[0], setPaginationMap = _30[1];
+    var getPagination = function (key, map) {
+        var _a;
+        if (map === void 0) { map = paginationMap; }
+        return (_a = map[key]) !== null && _a !== void 0 ? _a : { offset: 0, limit: globalLimit, total: 0 };
+    };
     var setPagination = function (key, entry) {
         return setPaginationMap(function (prev) {
             var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, getPagination(key)), entry), _a)));
+            var current = getPagination(key, prev);
+            return __assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, current), entry), _a));
         });
     };
     // ── Pagination helpers ────────────────────────────────────────────────────
@@ -164,12 +166,12 @@ 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 _48 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _48[0], _49 = _48[1], recoverByIdData = _49.data, recoverByIdIsLoading = _49.isLoading, recoverByIdError = _49.error, recoverByIdIsError = _49.isError, recoverByIdIsSuccess = _49.isSuccess;
-    var _50 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _50[0], _51 = _50[1], recoverByData = _51.data, recoverByIsLoading = _51.isLoading, recoverError = _51.error, recoverIsError = _51.isError, recoverByIsSuccess = _51.isSuccess;
+    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 treeViewMetaDataQs = qs.stringify({
         modelName: params.modelName,
         moduleName: params.moduleName,
-        viewType: "list",
+        viewType: "tree",
         menuItemId: menuItemId,
         menuItemName: menuItemName,
         actionId: actionId,
@@ -248,9 +250,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         }
     }, [solidTreeViewLayout]);
     var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
-    var _52 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _52[0], isDeleteSolidSingleEntitySuccess = _52[1].isSuccess;
+    var _35 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _35[0], isDeleteSolidSingleEntitySuccess = _35[1].isSuccess;
     // Delete mutation
-    var _53 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _53[0], _54 = _53[1], isSolidEntitiesDeleted = _54.isLoading, isDeleteSolidEntitiesSucess = _54.isSuccess, isSolidEntitiesDeleteError = _54.isError, SolidEntitiesDeleteError = _54.error, DeletedSolidEntities = _54.data;
+    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 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) {
@@ -260,8 +262,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             dispatch(showNavbar());
         }
     };
-    var _55 = useState(null), filters = _55[0], setFilters = _55[1];
-    var _56 = useState(null), filterPredicates = _56[0], setFilterPredicates = _56[1];
+    var _38 = useState(null), filters = _38[0], setFilters = _38[1];
+    var _39 = useState(null), filterPredicates = _39[0], setFilterPredicates = _39[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]);
@@ -280,7 +282,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         var layoutPageSizeOptions = (_e = (_d = (_c = (_b = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.pageSizeOptions;
         var currentOptions = (Array.isArray(layoutPageSizeOptions) && layoutPageSizeOptions.length > 0)
             ? layoutPageSizeOptions
-            : [15, 25, 50];
+            : DEFAULT_PAGE_SIZE_OPTIONS;
         setPageSizeOptions(currentOptions);
         if (queryObject) {
             setToPopulate(queryObject.populate || []);
@@ -292,14 +294,14 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                 setGlobalLimit(savedLimit);
             }
             else {
-                setGlobalLimit(currentOptions[0]);
+                setGlobalLimit(resolveDefaultPageSize(currentOptions));
             }
         }
         else {
             if (!solidTreeViewLayout || !solidFieldsMetadata) {
                 setToPopulate([]);
                 setToPopulateMedia([]);
-                setGlobalLimit(currentOptions[0]);
+                setGlobalLimit(resolveDefaultPageSize(currentOptions));
                 return;
             }
             var nextPopulate = [];
@@ -320,7 +322,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             }
             setToPopulate(nextPopulate);
             setToPopulateMedia(nextPopulateMedia);
-            setGlobalLimit(currentOptions[0]);
+            setGlobalLimit(resolveDefaultPageSize(currentOptions));
         }
     }, [solidTreeViewLayout, solidTreeViewMetaData]);
     useEffect(function () {
@@ -519,13 +521,13 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             return responseKey === sortField || "".concat(rule.fieldName, "_").concat(rule.operator) === sortField;
         });
         if (isAggregate) {
-            var _a = sortField.includes(":") ? sortField.split(":") : sortField.split("_"), field = _a[0], op_1 = _a[1];
+            var _a = sortField.includes(":") ? sortField.split(":") : sortField.split("_"), field = _a[0], op = _a[1];
             // For leaf level: only field:DIR
             if (ruleIndex >= activeGroupingRules.length) {
                 return "".concat(field, ":").concat(dir);
             }
             // For group levels: field:operator:DIR
-            return "".concat(field, ":").concat(op_1, ":").concat(dir);
+            return "".concat(field, ":").concat(op, ":").concat(dir);
         }
         // 3. Sorting by a leaf column (regular record field)
         return "".concat(sortField, ":").concat(dir);
@@ -753,8 +755,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         rootNodes = buildGroupNodes((response === null || response === void 0 ? void 0 : response.groupMeta) || [], 0, [], "root");
                         setTreeNodes(rootNodes);
                         setExpandedKeys({});
+                        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 });
+                        setPagination("root", { offset: offset, total: total, limit: limit });
                         if (latestFilterPredicatesRef.current && latestFilterPredicatesRef.current.persistFilter) {
                             queryData = {
                                 offset: offset,
@@ -805,7 +808,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     if (!meta || meta.nodeType !== "group")
                         return [2 /*return*/];
                     nodeKey = String(node.key);
-                    limit = getPagination(nodeKey).limit || DEFAULT_PAGE_SIZE;
+                    limit = getPagination(nodeKey).limit || globalLimit || DEFAULT_PAGE_SIZE;
                     nextRuleIndex = meta.ruleIndex + 1;
                     setTreeLoading(true);
                     _e.label = 1;
@@ -828,7 +831,23 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                     _e.label = 5;
                 case 5:
                     setTreeNodes(function (prev) { return updateNodeChildren(prev, nodeKey, children_1); });
-                    setPagination(nodeKey, { offset: offset, total: total });
+                    setPagination(node.key, { offset: offset, total: total, limit: limit });
+                    setSelectedNodeKeys(function (prevKeys) {
+                        var _a;
+                        var next = __assign({}, prevKeys);
+                        Object.keys(next).forEach(function (key) {
+                            if (key !== nodeKey && key.startsWith("".concat(nodeKey, "-"))) {
+                                delete next[key];
+                            }
+                        });
+                        if ((_a = prevKeys === null || prevKeys === void 0 ? void 0 : prevKeys[nodeKey]) === null || _a === void 0 ? void 0 : _a.checked) {
+                            children_1.forEach(function (child) {
+                                var _a, _b;
+                                next[String(child.key)] = __assign(__assign({}, next[String(child.key)]), { checked: true, partialChecked: false, nodeType: (_b = (_a = child.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType });
+                            });
+                        }
+                        return next;
+                    });
                     // Collapse all immediate children's expanded state so stale
                     // sub-trees don't appear open with no data after pagination.
                     if (offset !== 0 || children_1.length > 0) {
@@ -967,6 +986,25 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             }
         });
     }); };
+    useEffect(function () {
+        var checkedRecords = [];
+        var walk = function (nodes) {
+            nodes.forEach(function (node) {
+                var _a, _b, _c;
+                var key = String(node.key);
+                var nodeMeta = (_a = node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta;
+                if (((_b = selectedNodeKeys === null || selectedNodeKeys === void 0 ? void 0 : selectedNodeKeys[key]) === null || _b === void 0 ? void 0 : _b.checked) && (nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) === "record") {
+                    checkedRecords.push(node.data);
+                }
+                if ((_c = node.children) === null || _c === void 0 ? void 0 : _c.length) {
+                    walk(node.children);
+                }
+            });
+        };
+        walk(treeNodes);
+        setSelectedRecords(checkedRecords);
+        setSelectedRecoverRecords(checkedRecords);
+    }, [treeNodes, selectedNodeKeys]);
     // ─── Filter handler ───────────────────────────────────────────────────────
     var handleApplyCustomFilter = function (nextFilterPredicates, persistFilter) {
         if (persistFilter === void 0) { persistFilter = false; }
@@ -1053,9 +1091,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             var originalBody = (_b = listColumn === null || listColumn === void 0 ? void 0 : listColumn.props) === null || _b === void 0 ? void 0 : _b.body;
             var originalProps = (listColumn === null || listColumn === void 0 ? void 0 : listColumn.props) || {};
             var mergedColumnStyle = __assign({ minWidth: "12rem" }, (originalProps.style || {}));
-            return (_jsx(Column, { field: (_c = originalProps.field) !== null && _c !== void 0 ? _c : fieldMetadata.name, header: originalProps.header, 
-                // sortable
-                style: mergedColumnStyle, className: originalProps.className, headerClassName: originalProps.headerClassName, bodyClassName: originalProps.bodyClassName, align: originalProps.align, alignHeader: originalProps.alignHeader, body: function (node, options) {
+            return (_jsx(SolidTreeColumn, { field: (_c = originalProps.field) !== null && _c !== void 0 ? _c : fieldMetadata.name, header: originalProps.header, sortable: originalProps.sortable, style: mergedColumnStyle, className: originalProps.className, headerClassName: originalProps.headerClassName, bodyClassName: originalProps.bodyClassName, align: originalProps.align, alignHeader: originalProps.alignHeader, body: function (node, options) {
                     var _a, _b;
                     var rowData = (_a = node === null || node === void 0 ? void 0 : node.data) !== null && _a !== void 0 ? _a : node;
                     var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
@@ -1074,17 +1110,21 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         // derivedAggregates is an array like ["id:count", "price:sum"]
         // We want to render columns for each of these.
         return derivedAggregates.map(function (agg) {
-            var _a = agg.split(":"), field = _a[0], operator = _a[1];
+            var _a;
+            var _b = agg.split(":"), field = _b[0], operator = _b[1];
             var responseKey = "".concat(field, "_").concat(operator);
-            var header = formatHeader(responseKey);
-            return (_jsx(Column, { field: responseKey, header: header, sortable: true, style: { minWidth: "8rem" }, body: function (node) {
+            var fieldMeta = getFieldMetadata(field);
+            var fieldLabel = (_a = fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.displayName) !== null && _a !== void 0 ? _a : formatHeader(field);
+            var operatorLabel = operator.toUpperCase();
+            var fullHeader = "".concat(fieldLabel, " ").concat(operatorLabel);
+            return (_jsx(SolidTreeColumn, { field: responseKey, header: (_jsxs("div", { className: "solid-tree-aggregate-header", title: fullHeader, children: [_jsx("span", { className: "solid-tree-aggregate-header-field", children: fieldLabel }), _jsx("span", { className: "solid-tree-aggregate-header-op", children: operatorLabel })] })), sortable: true, frozen: true, alignFrozen: "right", align: "right", alignHeader: "right", style: { width: "7rem", minWidth: "7rem", maxWidth: "7rem" }, headerClassName: "solid-tree-aggregate-header-cell", bodyClassName: "solid-tree-aggregate-body-cell", body: function (node) {
                     var _a, _b;
                     var rowData = (_a = node === null || node === void 0 ? void 0 : node.data) !== null && _a !== void 0 ? _a : node;
                     var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
                     if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group")
                         return _jsx("span", { children: "\u00A0" });
                     var value = (_b = nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.aggregates) === null || _b === void 0 ? void 0 : _b[responseKey];
-                    return _jsx("span", { children: value !== null && value !== void 0 ? value : 0 });
+                    return _jsx("span", { className: "solid-tree-aggregate-value", children: value !== null && value !== void 0 ? value : 0 });
                 } }, "agg-col-".concat(agg)));
         });
     };
@@ -1096,22 +1136,24 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group")
             return _jsx("span", { children: "\u00A0" });
         var label = (_a = nodeMeta.groupLabel) !== null && _a !== void 0 ? _a : "";
-        var truncateAfter = 30;
-        return (_jsxs("div", { className: "flex align-items-center", children: [_jsx("div", { className: "solid-table-row", style: { maxWidth: "".concat(truncateAfter, "ch") }, children: _jsx("span", { className: "font-semibold", children: label }) }), truncateAfter && label.length > truncateAfter &&
-                    _jsxs(_Fragment, { children: [_jsx(Tooltip, { target: ".solid-field-tooltip-icon" }), _jsx("i", { className: "pi pi-info-circle solid-field-tooltip-icon", "data-pr-tooltip": label })] })] }));
+        return (_jsx("div", { className: "solid-tree-group-label", children: _jsx("span", { className: "font-semibold solid-tree-group-label-text", children: label }) }));
     };
     // ─── Root pagination bar ──────────────────────────────────────────────────
     var RootPaginationBar = function () {
         if (activeGroupingRules.length === 0)
             return null;
-        var _a = getPagination("root"), offset = _a.offset, total = _a.total;
-        var currentPage = Math.floor(offset / globalLimit) + 1;
+        var _a = getPagination("root"), offset = _a.offset, limit = _a.limit, total = _a.total;
         var rootHasPrev = hasPrev("root");
         var rootHasNext = hasNext("root");
-        // if (!rootHasPrev && !rootHasNext) return null;
-        return (_jsxs("div", { style: { width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", borderTop: "1px solid var(--surface-border)" }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.5rem 0.75rem" }, children: [_jsx("span", { className: "text-sm text-color-secondary", children: "Items per page" }), _jsx(Dropdown, { value: globalLimit, options: pageSizeOptions, onChange: function (e) {
-                                setGlobalLimit(e.value);
-                            }, className: "solid-page-size-dropdown", style: { height: '2rem', display: 'flex', alignItems: 'center' } })] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.5rem 0.75rem" }, children: [_jsxs("span", { className: "text-sm text-color-secondary", children: [offset + 1, "\u2013", Math.min(offset + globalLimit, total), " of ", total] }), _jsx(Button, { type: "button", icon: "pi pi-angle-left", size: "small", outlined: true, severity: "secondary", disabled: !rootHasPrev || treeLoading, onClick: function () { return handleRootPageChange("prev"); }, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button" }), _jsx(Button, { type: "button", icon: "pi pi-angle-right", iconPos: "right", size: "small", outlined: true, severity: "secondary", disabled: !rootHasNext || treeLoading, onClick: function () { return handleRootPageChange("next"); }, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button" })] })] }));
+        var start = total === 0 ? 0 : offset + 1;
+        var end = total === 0 ? 0 : Math.min(offset + limit, total);
+        return (_jsxs("div", { className: "w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx("select", { value: limit, onChange: function (event) {
+                                setGlobalLimit(Number(event.target.value));
+                            }, className: "solid-paginator-select", children: pageSizeOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsxs("span", { className: "solid-paginator-report", children: [start, " - ", end, " of ", total] })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { void handleRootPageChange("prev"); }, disabled: !rootHasPrev || treeLoading, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { void handleRootPageChange("next"); }, disabled: !rootHasNext || treeLoading, children: "Next" })] })] }));
+    };
+    var openGroupingBuilder = function () {
+        var _a, _b;
+        (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.openGroupingDialog) === null || _b === void 0 ? void 0 : _b.call(_a);
     };
     // ─── Imperative handle ────────────────────────────────────────────────────
     useImperativeHandle(ref, function () { return ({
@@ -1122,7 +1164,15 @@ export var SolidTreeView = forwardRef(function (params, ref) {
             (_b = (_a = solidGlobalSearchElementRef.current) === null || _a === void 0 ? void 0 : _a.clearFilter) === null || _b === void 0 ? void 0 : _b.call(_a);
         },
         applyFilter: function (filter) { handleApplyCustomFilter(filter); },
-        setPagination: function () { },
+        setPagination: function (nextFirst, nextRows) {
+            var currentLimit = getPagination("root").limit;
+            if (nextRows !== currentLimit) {
+                setGlobalLimit(nextRows);
+                void loadRootGroups(0);
+                return;
+            }
+            void loadRootGroups(nextFirst);
+        },
         setSort: function (nextSortField, nextSortOrder) {
             setSortField(nextSortField);
             setSortOrder(nextSortOrder);
@@ -1142,29 +1192,46 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         }); },
     }); }, [filters, filterPredicates, params.customFilter, treeLoading, treeNodes, paginationMap]);
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _57 = useState(), selectedSolidViewData = _57[0], setSelectedSolidViewData = _57[1];
-    var selectedDataRef = useRef();
-    var op = useRef(null);
-    var _58 = useState(false), deleteEntity = _58[0], setDeleteEntity = _58[1];
-    var hasEditInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-        ((_f = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.edit) !== false &&
-        ((_g = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showDefaultEditButton) !== false &&
-        ((_h = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _h === void 0 ? void 0 : _h.showRowEditInContextMenu) !== false &&
-        !(isDraftPublishWorkflowEnabled && ((_j = selectedDataRef.current) === null || _j === void 0 ? void 0 : _j.publishedAt));
-    var hasDeleteInContextMenu = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-        ((_k = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _k === void 0 ? void 0 : _k.delete) !== false &&
-        ((_l = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _l === void 0 ? void 0 : _l.showRowDeleteInContextMenu) !== false &&
-        !(isDraftPublishWorkflowEnabled && ((_m = selectedDataRef.current) === null || _m === void 0 ? void 0 : _m.publishedAt));
-    var hasCustomContextMenuButtons = (_p = (_o = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _o === void 0 ? void 0 : _o.rowButtons) === null || _p === void 0 ? void 0 : _p.some(function (rb) { var _a; return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true; });
-    var hasAnyContextMenuActions = hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
-    var detailsBodyTemplate = function (solidViewData) {
-        return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
-                    var _a;
-                    e.stopPropagation();
-                    selectedDataRef.current = solidViewData;
-                    setSelectedSolidViewData(solidViewData);
-                    (_a = op.current) === null || _a === void 0 ? void 0 : _a.toggle(e);
-                }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "3", height: "10", viewBox: "0 0 4 16", fill: "none", children: _jsx("path", { d: "M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z", fill: "#666666" }) }) }) }));
+    var _40 = useState(), selectedSolidViewData = _40[0], setSelectedSolidViewData = _40[1];
+    var _41 = useState(false), deleteEntity = _41[0], setDeleteEntity = _41[1];
+    var openRowForEdit = function (rowData, viewMode) {
+        try {
+            sessionStorage.setItem("fromView", "tree");
+            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+        }
+        catch (e) { }
+        router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=").concat(viewMode, "&").concat(new URLSearchParams(editActionQueryParams).toString()));
+    };
+    var canEditRow = function (rowData, inContextMenu) {
+        var _a, _b, _c;
+        if (inContextMenu === void 0) { inContextMenu = false; }
+        return actionsAllowed.includes(permissionExpression(params.modelName, "update")) &&
+            ((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.edit) !== false &&
+            (!inContextMenu || ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.showDefaultEditButton) !== false) &&
+            (!inContextMenu || ((_c = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showRowEditInContextMenu) !== false) &&
+            !(isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt));
+    };
+    var canDeleteRow = function (rowData, inContextMenu) {
+        var _a, _b, _c, _d;
+        if (inContextMenu === void 0) { inContextMenu = false; }
+        return actionsAllowed.includes(permissionExpression(params.modelName, "delete")) &&
+            ((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.delete) !== false &&
+            (!inContextMenu
+                ? params.embeded ||
+                    (((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.showRowDeleteInContextMenu) !== undefined &&
+                        ((_c = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.showRowDeleteInContextMenu) !== true)
+                : ((_d = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showRowDeleteInContextMenu) !== false) &&
+            !(isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt));
+    };
+    var getContextMenuButtons = function (rowData) {
+        var _a;
+        return (((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.rowButtons) || []).filter(function (rb) {
+            var _a, _b, _c;
+            var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
+            return (((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.actionInContextMenu) === true &&
+                ((_c = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _c === void 0 ? void 0 : _c.visible) !== false &&
+                (roles.length === 0 || hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, roles)));
+        });
     };
     var handleDeleteEntity = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_3;
@@ -1197,7 +1264,11 @@ export var SolidTreeView = forwardRef(function (params, ref) {
     }); };
     var renderRowActions = function (rowData) {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (_jsxs("div", { className: "flex align-items-center justify-content-end gap-1", children: [((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.rowButtons) &&
+        var customContextMenuButtons = getContextMenuButtons(rowData);
+        var hasAnyContextMenuActions = canEditRow(rowData, true) ||
+            canDeleteRow(rowData, true) ||
+            customContextMenuButtons.length > 0;
+        return (_jsxs("div", { className: "flex align-items-center justify-content-end gap-1", onClick: function (event) { return event.stopPropagation(); }, children: [((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.rowButtons) &&
                     ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons.filter(function (rb) {
                         var _a, _b;
                         var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
@@ -1207,9 +1278,9 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         return !isInContextMenu && isAllowed && isVisible;
                     }).map(function (button, index) {
                         var _a, _b, _c, _d;
-                        return (_jsx(Button, { type: "button", icon: (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : "pi pi-pencil", className: "gap-2 ".concat((_d = (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : ""), label: button.attrs.showLabel !== false
+                        return (_jsx(SolidButton, { type: "button", icon: (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : "pi pi-pencil", className: "gap-2 ".concat((_d = (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : ""), label: button.attrs.showLabel !== false
                                 ? button.attrs.label
-                                : "", size: "small", iconPos: "left", onClick: function () {
+                                : "", size: "sm", iconPos: "left", onClick: function () {
                                 var event = {
                                     params: params,
                                     rowData: rowData,
@@ -1219,158 +1290,109 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                             } }, index));
                     })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "update"))) &&
                     ((_c = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.edit) !== false &&
-                    ((_d = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showRowEditInContextMenu) === false && (_jsx(Button, { text: true, severity: "secondary", size: "small", icon: "pi pi-pencil", onClick: function () {
-                        // if (params.embeded == true) {
-                        //   params.handleEditClickForEmbeddedView(rowData?.id);
-                        // } else {
-                        try {
-                            sessionStorage.setItem("fromView", "list");
-                            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-                        }
-                        catch (e) { }
-                        router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
-                        // }
-                    } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
+                    ((_d = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.showRowEditInContextMenu) === false && (_jsx(SolidButton, { variant: "ghost", size: "sm", leftIcon: _jsx(Pencil, { size: 14 }), className: "solid-tree-row-action-icon", onClick: function () { return openRowForEdit(rowData, "edit"); } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
                     ((_e = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _e === void 0 ? void 0 : _e.delete) !== false &&
                     (params.embeded ||
                         (((_f = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _f === void 0 ? void 0 : _f.showRowDeleteInContextMenu) !==
                             undefined &&
                             ((_g = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.showRowDeleteInContextMenu) !==
-                                true)) && (_jsx(Button, { text: true, size: "small", severity: "danger", icon: "pi pi-trash", onClick: function () {
-                        // if (
-                        //   params?.embededFieldRelationType === "many-to-many"
-                        // ) {
-                        //   params?.handleDeleteClick(rowData.id);
-                        // } else {
+                                true)) && (_jsx(SolidButton, { variant: "ghost", size: "sm", leftIcon: _jsx(Trash2, { size: 14 }), className: "solid-tree-row-action-icon is-danger", onClick: function () {
                         setSelectedSolidViewData(rowData);
                         setDeleteEntity(true);
-                        // }
-                    } })), hasAnyContextMenuActions && detailsBodyTemplate(rowData)] }));
+                    } })), hasAnyContextMenuActions && (_jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-tree-row-menu-trigger", "aria-label": "Open row actions", "data-no-row-click": "true", children: _jsx(EllipsisVertical, { size: 16 }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-tree-row-menu", children: [canEditRow(rowData, true) ? (_jsxs(SolidDropdownMenuItem, { onSelect: function () { return openRowForEdit(rowData, "edit"); }, children: [_jsx(Pencil, { size: 14 }), _jsx("span", { children: "Edit" })] })) : null, canDeleteRow(rowData, true) && !params.embeded ? (_jsxs(SolidDropdownMenuItem, { className: "is-danger", onSelect: function () {
+                                        setSelectedSolidViewData(rowData);
+                                        setDeleteEntity(true);
+                                    }, children: [_jsx(Trash2, { size: 14 }), _jsx("span", { children: "Delete" })] })) : null, customContextMenuButtons.length > 0 &&
+                                    (canEditRow(rowData, true) || (canDeleteRow(rowData, true) && !params.embeded)) ? (_jsx(SolidDropdownMenuSeparator, {})) : null, customContextMenuButtons.map(function (button, index) {
+                                    var _a, _b, _c;
+                                    return (_jsxs(SolidDropdownMenuItem, { onSelect: function () {
+                                            var event = {
+                                                params: params,
+                                                rowData: rowData,
+                                                solidListViewMetaData: solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data,
+                                            };
+                                            handleCustomButtonClick(button.attrs, event);
+                                        }, children: [((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon) ? _jsx("i", { className: button.attrs.icon, "aria-hidden": "true" }) : _jsx(Pencil, { size: 14 }), _jsx("span", { children: (_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.label })] }, "".concat((rowData === null || rowData === void 0 ? void 0 : rowData.id) || "row", "-").concat(((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.label) || index)));
+                                })] })] }))] }));
     };
     // ─── Render ───────────────────────────────────────────────────────────────
-    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsxs("div", { className: "page-header flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: treeViewTitle }), ((_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.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 align-items-center solid-header-buttons-wrapper", children: [((_v = (_u = (_t = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.layout) === null || _v === void 0 ? void 0 : _v.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(Button, { type: "button", size: "small", icon: "pi pi-search", severity: "secondary", outlined: true, className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
-                                        ((_y = (_x = (_w = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.layout) === null || _y === void 0 ? void 0 : _y.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
-                                        ((_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.delete) !== false &&
-                                        selectedRecords.length > 0 && (_jsx(Button, { type: "button", label: "Delete", size: "small", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button", outlined: true, onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
-                                        ((_2 = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.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 }))] })] }), ((_5 = (_4 = (_3 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _3 === void 0 ? void 0 : _3.solidView) === null || _4 === void 0 ? void 0 : _4.layout) === null || _5 === void 0 ? void 0 : _5.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("style", { children: "\n       \n      " }), _jsx("div", { className: "solid-datatable-wrapper solid-treetable-wrapper flex-1 min-h-0 overflow-auto", children: activeGroupingRules.length === 0 ? (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center h-full p-6 text-center", children: [_jsx("div", { className: "mb-4", style: { opacity: 0.1 }, children: _jsx(HomePageModuleSvg, {}) }), _jsx("h3", { className: "m-0 mb-2", style: { color: "var(--solid-dark-title)", fontWeight: 700, fontSize: '1.5rem' }, children: "Tree View" }), _jsxs("p", { className: "m-0 text-sl", style: { maxWidth: '35rem', lineHeight: '1.5', color: 'var(--text-color)' }, children: ["To visualize your data in a hierarchical structure, please apply a ", _jsx("strong", { children: "Grouping Rule" }), " from the Global Search bar above."] })] })) : (_jsxs(TreeTable, { value: treeNodes, lazy: true, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, scrollable: true, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", resizableColumns: true, columnResizeMode: "expand", selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
-                        setSortField(e.sortField);
-                        setSortOrder(e.sortOrder);
-                    }, onRowClick: function (e) {
-                        var _a, _b;
-                        var target = e.originalEvent.target;
-                        if (target.closest(".p-checkbox"))
-                            return;
-                        if (target.closest(".p-c"))
-                            return;
-                        if (e.node.leaf !== true)
-                            return;
-                        var rowData = e.node.data;
-                        if (((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
-                            return;
-                        var hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
-                        var hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
-                            ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.edit) !== false;
-                        if (!(hasFindPermission || hasUpdatePermission))
-                            return;
-                        // if (params.embeded === true) {
-                        // params.handleEditClickForEmbeddedView(rowData?.id);
-                        // } else {
-                        if (typeof window !== "undefined") {
-                            // store a simple marker for the caller
-                            // also store the full current URL so Back can restore exact state (including action params)
-                            try {
-                                sessionStorage.setItem("fromView", "list");
-                                sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-                            }
-                            catch (e) {
-                                // ignore storage errors
-                            }
-                        }
-                        router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
-                        // }
-                    }, onSelectionChange: function (e) {
-                        e.originalEvent.stopPropagation();
-                        var incoming = e.value;
-                        setSelectedNodeKeys(function (prev) {
-                            var next = {};
-                            Object.keys(incoming).forEach(function (key) {
-                                var _a, _b, _c, _d;
-                                // Find the node to get its type
-                                var node = findNodeByKey(treeNodes, key);
-                                next[key] = __assign(__assign({}, incoming[key]), { nodeType: (_c = (_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType // add type from tree
-                                    ) !== null && _c !== void 0 ? _c : (_d = prev[key]) === null || _d === void 0 ? void 0 : _d.nodeType });
-                            });
-                            return next;
-                        });
-                    }, children: [_jsx(Column, { field: "__group", header: "Group", sortable: true, expander: function (node) { var _a, _b; return ((_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType) === "group"; }, body: groupColumnBody, style: { minWidth: "18rem", display: "flex", alignItems: "center" } }, "tree-group-column"), renderColumnsDynamically(), renderAggregateColumns(), _jsx(Column, { header: "", style: { width: "20rem" }, body: function (node) {
-                                var _a, _b, _c, _d;
-                                var rowData = node === null || node === void 0 ? void 0 : node.data;
-                                var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
-                                // ---------------- NORMAL ROW ----------------
-                                if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group") {
-                                    return renderRowActions(rowData);
-                                }
-                                // ---------------- GROUP ROW ----------------
-                                var nodeKey = String(node.key);
-                                var isExpanded = expandedKeys[nodeKey];
-                                var childrenLoaded = isExpanded && node.children && node.children.length > 0;
-                                if (!childrenLoaded)
-                                    return _jsx("span", { children: "\u00A0" });
-                                var pagEntry = getPagination(nodeKey);
-                                var canPrev = hasPrev(nodeKey);
-                                var canNext = hasNext(nodeKey);
-                                // "in Jharkhand" — this node's own group label
-                                var inLabel = (_a = nodeMeta.groupLabel) !== null && _a !== void 0 ? _a : "";
-                                // "of cities" — what the children represent
-                                // nextRuleIndex = nodeMeta.ruleIndex + 1
-                                var nextRuleIndex = nodeMeta.ruleIndex + 1;
-                                var isLeafLevel = nextRuleIndex >= activeGroupingRules.length;
-                                var ofLabel = isLeafLevel
-                                    ? (_d = (_c = (_b = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.displayName // leaf → model name
-                                    : (function () {
-                                        var _a, _b, _c;
-                                        var nextRule = activeGroupingRules[nextRuleIndex];
-                                        var fieldName = String((_a = nextRule === null || nextRule === void 0 ? void 0 : nextRule.fieldName) !== null && _a !== void 0 ? _a : "");
-                                        var fieldMeta = getFieldMetadata(fieldName);
-                                        // Use displayName if available, fallback to fieldName
-                                        return (_c = (_b = fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.displayName) !== null && _b !== void 0 ? _b : fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.name) !== null && _c !== void 0 ? _c : fieldName;
-                                    })();
-                                return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.2rem", justifyContent: "flex-end" }, onClick: function (e) { return e.stopPropagation(); }, children: [_jsx(Button, { type: "button", icon: "pi pi-angle-left", size: "small", rounded: true, outlined: true, disabled: !canPrev || treeLoading, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button", onClick: function () { return handleNodePageChange(nodeKey, "prev"); } }), _jsx(Button, { type: "button", icon: "pi pi-angle-right", size: "small", rounded: true, outlined: true, disabled: !canNext || treeLoading, style: { padding: 0, border: "none", width: "2rem" }, className: "small-button", onClick: function () { return handleNodePageChange(nodeKey, "next"); } })] }));
-                            } }, "tree-last-frozen-column")] })) }), _jsx(RootPaginationBar, {}), _jsxs(Dialog, { header: "Delete ".concat(((_8 = (_7 = (_6 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _6 === void 0 ? void 0 : _6.solidView) === null || _7 === void 0 ? void 0 : _7.model) === null || _8 === void 0 ? void 0 : _8.displayName)
-                    ? (_11 = (_10 = (_9 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _9 === void 0 ? void 0 : _9.solidView) === null || _10 === void 0 ? void 0 : _10.model) === null || _11 === void 0 ? void 0 : _11.displayName
-                    : params === null || params === void 0 ? void 0 : params.modelName), headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: function () {
-                    if (!deleteEntity)
-                        return;
-                    setDeleteEntity(false);
-                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this ".concat(((_14 = (_13 = (_12 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _12 === void 0 ? void 0 : _12.solidView) === null || _13 === void 0 ? void 0 : _13.model) === null || _14 === void 0 ? void 0 : _14.displayName)
-                                    ? (_17 = (_16 = (_15 = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _15 === void 0 ? void 0 : _15.solidView) === null || _16 === void 0 ? void 0 : _16.model) === null || _17 === void 0 ? void 0 : _17.displayName
-                                    : params === null || params === void 0 ? void 0 : params.modelName, "?") }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsxs(Dialog, { visible: isDeleteRecordsDialogVisible, header: "Confirm Delete", onHide: function () { return setDeleteRecordsDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", 
-                // style={{ width: '20vw' }}
-                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [hasEditInContextMenu && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
-                                var _a;
-                                // if (params.embeded == true) {
-                                //   params.handleEditClickForEmbeddedView(
-                                //     selectedDataRef.current?.id
-                                //   );
-                                // } else {
-                                try {
-                                    sessionStorage.setItem("fromView", "list");
-                                    sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-                                }
-                                catch (e) { }
-                                router.push("".concat(editBaseUrl, "/").concat((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
-                                // }
-                            } })), hasDeleteInContextMenu && !params.embeded && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_19 = (_18 = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.rowButtons) === null || _19 === void 0 ? void 0 : _19.filter(function (rb) {
-                            var _a, _b;
-                            return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true &&
-                                ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
-                        }).map(function (button, index) {
-                            var _a;
-                            return (_jsx(SolidListViewRowButtonContextMenu, { button: button, params: params, getSelectedSolidViewData: function () { return selectedDataRef.current; }, 
-                                // selectedSolidViewData={selectedSolidViewData}
-                                solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick }, "".concat(index, "-").concat(((_a = selectedDataRef === null || selectedDataRef === void 0 ? void 0 : selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id) || '')));
-                        }))] }) })] }));
+    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-column flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-column flex-1 min-h-0", children: [_jsxs("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full solid-list-toolbar-row", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full solid-list-toolbar-left", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [params.embeded !== true && (_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large" }) })), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: treeViewTitle })] }), ((_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 align-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 &&
+                                                    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 && (_jsx(SolidButton, { type: "button", label: "Recover", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), 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", selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
+                                    setSortField(e.sortField || "");
+                                    setSortOrder(e.sortOrder || 0);
+                                }, onRowClick: function (e) {
+                                    var _a, _b;
+                                    if (e.node.leaf !== true)
+                                        return;
+                                    var rowData = e.node.data;
+                                    if (((_a = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
+                                        return;
+                                    var hasFindPermission = actionsAllowed.includes(permissionExpression(params.modelName, 'findOne'));
+                                    var hasUpdatePermission = actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
+                                        ((_b = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.edit) !== false;
+                                    if (!(hasFindPermission || hasUpdatePermission))
+                                        return;
+                                    // if (params.embeded === true) {
+                                    // params.handleEditClickForEmbeddedView(rowData?.id);
+                                    // } else {
+                                    if (typeof window !== "undefined") {
+                                        // store a simple marker for the caller
+                                        // also store the full current URL so Back can restore exact state (including action params)
+                                        try {
+                                            sessionStorage.setItem("fromView", "tree");
+                                            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                                        }
+                                        catch (e) {
+                                            // ignore storage errors
+                                        }
+                                    }
+                                    router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
+                                    // }
+                                }, onSelectionChange: function (e) {
+                                    var _a, _b;
+                                    (_b = (_a = e.originalEvent).stopPropagation) === null || _b === void 0 ? void 0 : _b.call(_a);
+                                    var incoming = e.value;
+                                    setSelectedNodeKeys(function (prev) {
+                                        var next = {};
+                                        Object.keys(incoming).forEach(function (key) {
+                                            var _a, _b, _c, _d;
+                                            // Find the node to get its type
+                                            var node = findNodeByKey(treeNodes, key);
+                                            next[key] = __assign(__assign({}, incoming[key]), { nodeType: (_c = (_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType // add type from tree
+                                                ) !== null && _c !== void 0 ? _c : (_d = prev[key]) === null || _d === void 0 ? void 0 : _d.nodeType });
+                                        });
+                                        return next;
+                                    });
+                                }, children: [_jsx(SolidTreeColumn, { field: "__group", header: "Group", sortable: true, frozen: true, alignFrozen: "left", expander: function (node) { var _a, _b; return ((_b = (_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.__treeMeta) === null || _b === void 0 ? void 0 : _b.nodeType) === "group"; }, body: groupColumnBody, headerClassName: "solid-tree-group-header-cell", bodyClassName: "solid-tree-group-body-cell", style: { width: "max-content", minWidth: "20rem" } }, "tree-group-column"), renderColumnsDynamically(), renderAggregateColumns(), _jsx(SolidTreeColumn, { header: "", frozen: true, alignFrozen: "right", style: { width: "9rem", minWidth: "9rem", maxWidth: "9rem" }, className: "solid-tree-actions-cell", headerClassName: "solid-tree-actions-cell", body: function (node) {
+                                            var rowData = node === null || node === void 0 ? void 0 : node.data;
+                                            var nodeMeta = rowData === null || rowData === void 0 ? void 0 : rowData.__treeMeta;
+                                            // ---------------- NORMAL ROW ----------------
+                                            if ((nodeMeta === null || nodeMeta === void 0 ? void 0 : nodeMeta.nodeType) !== "group") {
+                                                return renderRowActions(rowData);
+                                            }
+                                            // ---------------- GROUP ROW ----------------
+                                            var nodeKey = String(node.key);
+                                            var isExpanded = expandedKeys[nodeKey];
+                                            var childrenLoaded = isExpanded && node.children && node.children.length > 0;
+                                            if (!childrenLoaded)
+                                                return _jsx("span", { children: "\u00A0" });
+                                            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) {
+                    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 })] })] })] }));
 });
 SolidTreeView.displayName = "SolidTreeView";
 //# sourceMappingURL=SolidTreeView.js.map