@ynput/ayon-frontend-shared 0.3.31 → 0.3.32

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.es.js

@@ -1,21 +1,21 @@
 import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as H, useRef as It, useCallback as ut, useEffect as ct } from "react";
-import { useVirtualizer as qe } from "@tanstack/react-virtual";
-import { useReactTable as Ge, filterFns as Ue, getSortedRowModel as Xe, getExpandedRowModel as Ye, getFilteredRowModel as Je, getCoreRowModel as Qe, flexRender as Dt } from "@tanstack/react-table";
+import { useMemo as P, useRef as Mt, useCallback as Ct, useEffect as ht } from "react";
+import { useVirtualizer as ao } from "@tanstack/react-virtual";
+import { useReactTable as po, filterFns as uo, getSortedRowModel as co, getExpandedRowModel as go, getFilteredRowModel as fo, getCoreRowModel as ho, flexRender as zt } from "@tanstack/react-table";
 import A from "clsx";
-import Ze, { isEntityExpandable as to } from "./buildTreeTableColumns.es.js";
-import { TableWrapper as eo, TableContainer as oo, TR as ne, TD as Pt, TableHeader as io, AnimatedEmptyPlaceholder as Qt, HeaderCell as se, TableCellContent as le, ColumnHeader as ro, HeaderButtons as no, ResizedHandler as so } from "./ProjectTreeTable.styled.es.js";
-import Zt from "./components/HeaderActionButton.es.js";
-import lo from "./components/RowDragHandleCellContent.es.js";
+import Co, { isEntityExpandable as yo } from "./buildTreeTableColumns.es.js";
+import { TableWrapper as xo, TableContainer as bo, TR as de, TD as Lt, TableHeader as wo, ColumnDividers as So, AnimatedEmptyPlaceholder as re, HeaderCell as ue, TableCellContent as ce, ColumnHeader as Ro, HeaderButtons as jo, ResizedHandler as vo } from "./ProjectTreeTable.styled.es.js";
+import ne from "./components/HeaderActionButton.es.js";
+import To from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
-import { ColumnHeaderMenu as mo } from "./components/ColumnHeaderMenu.es.js";
-import { DragOverlay as me, useDndContext as ae } from "@dnd-kit/core";
-import { SortableContext as pe, verticalListSortingStrategy as ao, horizontalListSortingStrategy as po, useSortable as de } from "@dnd-kit/sortable";
+import { ColumnHeaderMenu as Do } from "./components/ColumnHeaderMenu.es.js";
+import { DragOverlay as ge, useDndContext as fe } from "@dnd-kit/core";
+import { SortableContext as he, verticalListSortingStrategy as Mo, horizontalListSortingStrategy as Io, useSortable as Ce } from "@dnd-kit/sortable";
 import "../ContextMenu/ContextMenuContext.es.js";
-import { Icon as ce, Button as te } from "@ynput/ayon-react-components";
+import { Icon as ye, Button as se } from "@ynput/ayon-react-components";
 /* empty css                                 */
-import { createPortal as gt } from "react-dom";
+import { createPortal as yt } from "react-dom";
 import "../Feed/context/FeedContext.es.js";
 import "../Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
@@ -71,6 +71,7 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -115,17 +116,19 @@ import "../../api/queries/uris/getUris.es.js";
 import "../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
+import { usePowerpack as Po } from "../../context/PowerpackContext.es.js";
+import "../../context/UriContext.es.js";
+import { useLoadModule as zo } from "../../hooks/useLoadModule.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
-import { upperFirst as co } from "lodash";
-import { toast as uo } from "react-toastify";
+import { upperFirst as Lo } from "lodash";
+import { toast as Eo } from "react-toastify";
 import "react-redux";
 import "custom-protocol-check";
 import "./components/GroupSettingsFallback.es.js";
 import "uuid";
+import { ROW_SELECTION_COLUMN_ID as F, DRAG_HANDLE_COLUMN_ID as J } from "./constants.es.js";
 import "../../util/pubsub.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/UriContext.es.js";
 import "../../context/DetailsPanelContextInstance.es.js";
 import "../../context/SubtasksModulesContextInstance.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
@@ -135,10 +138,10 @@ import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/MoveEntityContext.es.js";
-import { useMenuContext as go } from "../../context/MenuContext.es.js";
+import { useMenuContext as Oo } from "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
-import { useProjectContext as fo } from "../../context/ProjectContext.es.js";
+import { useProjectContext as Ho } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
@@ -182,9 +185,9 @@ import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../components/EarlyPreview/EarlyPreview.es.js";
-import { EmptyPlaceholder as ee } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as le } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { CSS as vt } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import { CSS as It } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
@@ -198,7 +201,7 @@ import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
-import { EntityPickerDialog as ho } from "../EntityPickerDialog/EntityPickerDialog.es.js";
+import { EntityPickerDialog as Fo } from "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/FreeTrialLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
@@ -242,30 +245,32 @@ import "../Feed/Feed.styled.es.js";
 import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import { useCellEditing as ue } from "./context/CellEditingContext.es.js";
-import { useSelectionCellsContext as Tt, ROW_SELECTION_COLUMN_ID as N } from "./context/SelectionCellsContext.es.js";
-import { ClipboardProvider as yo } from "./context/ClipboardContext.es.js";
-import { useSelectedRowsContext as Co } from "./context/SelectedRowsContext.es.js";
-import { useColumnSettingsContext as ge } from "./context/ColumnSettingsContext.es.js";
-import xo from "./hooks/useCustomColumnWidthVars.es.js";
-import bo from "./hooks/usePrefetchFolderTasks.es.js";
-import wo from "./hooks/useCellContextMenu.es.js";
-import So from "./hooks/useColumnVirtualization.es.js";
-import Ro from "./hooks/useKeyboardNavigation.es.js";
-import jo from "./hooks/useDynamicRowHeight.es.js";
-import { useMoveEntities as Io } from "./hooks/useMoveEntities.es.js";
-import { parseCellId as fe, getCellId as Mt } from "./utils/cellUtils.es.js";
-import { generateDummyAttributes as vo, generateLoadingRows as To } from "./utils/loadingUtils.es.js";
-import { isTargetReadOnly as Do, isEntityRestricted as oe } from "./utils/restrictedEntity.es.js";
-import { useProjectTableContext as he } from "./context/ProjectTableContext.es.js";
-import { getTableFieldOptions as Po } from "./utils/getTableFieldOptions.es.js";
-import { getReadOnlyLists as Mo } from "./utils/getReadOnlyLists.es.js";
-import { getEntityViewierIds as zo } from "./utils/getEntityViewerIds.es.js";
-import { checkColumnVisibility as Eo } from "./utils/checkColumnVisibility.es.js";
-import { EDIT_TRIGGER_CLASS as ie } from "./widgets/CellWidget.es.js";
+import { TableFooterRow as ko } from "./components/TableFooterRow.es.js";
+import { getColumnWidth as xt, getCommonPinningStyles as bt } from "./utils/pinningUtils.es.js";
+import { useCellEditing as xe } from "./context/CellEditingContext.es.js";
+import { useSelectionCellsContext as Pt } from "./context/SelectionCellsContext.es.js";
+import { ClipboardProvider as No } from "./context/ClipboardContext.es.js";
+import { useSelectedRowsContext as Vo } from "./context/SelectedRowsContext.es.js";
+import { useColumnSettingsContext as be } from "./context/ColumnSettingsContext.es.js";
+import Ao from "./hooks/useCustomColumnWidthVars.es.js";
+import Bo from "./hooks/usePrefetchFolderTasks.es.js";
+import $o from "./hooks/useCellContextMenu.es.js";
+import _o from "./hooks/useColumnVirtualization.es.js";
+import Ko from "./hooks/useKeyboardNavigation.es.js";
+import Wo from "./hooks/useDynamicRowHeight.es.js";
+import { useMoveEntities as qo } from "./hooks/useMoveEntities.es.js";
+import { parseCellId as we, getCellId as Et } from "./utils/cellUtils.es.js";
+import { generateDummyAttributes as Go, generateLoadingRows as Uo } from "./utils/loadingUtils.es.js";
+import { isTargetReadOnly as Xo, isEntityRestricted as me } from "./utils/restrictedEntity.es.js";
+import { useProjectTableContext as Se } from "./context/ProjectTableContext.es.js";
+import { getTableFieldOptions as Yo } from "./utils/getTableFieldOptions.es.js";
+import { getReadOnlyLists as Jo } from "./utils/getReadOnlyLists.es.js";
+import { getEntityViewierIds as Qo } from "./utils/getEntityViewerIds.es.js";
+import { checkColumnVisibility as Zo, ensureAtLeastOneVisibleColumn as ti } from "./utils/checkColumnVisibility.es.js";
+import { EDIT_TRIGGER_CLASS as ae } from "./widgets/CellWidget.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
-import { useProjectDataContext as Oo } from "./context/ProjectDataContext.es.js";
+import { useProjectDataContext as ei } from "./context/ProjectDataContext.es.js";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
@@ -295,163 +300,164 @@ import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../ListTable/ListTableRow.es.js";
 import "../ListTable/ListTable.styled.es.js";
-const ft = (t) => {
-  const s = t.getIsPinned(), r = t.id !== N && t.id !== G ? -30 : 0;
-  return {
-    left: s === "left" ? `${t.getStart("left") + r}px` : void 0,
-    // Removed offset
-    right: s === "right" ? `${t.getAfter("right")}px` : void 0,
-    position: s ? "sticky" : "relative",
-    width: t.getSize(),
-    zIndex: s ? 100 : 0
-  };
-}, ht = (t, s) => `calc(var(--col-${s}-size) * 1px)`, Ho = (t, s) => s.some((r) => {
-  if (r.includes("*")) {
-    const c = "^" + r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\\\*/g, ".*") + "$";
-    return new RegExp(c).test(t);
+const oi = () => null, ii = (o, g) => g.some((n) => {
+  if (n.includes("*")) {
+    const p = "^" + n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\\\*/g, ".*") + "$";
+    return new RegExp(p).test(o);
   }
-  return t === r;
-}), G = "drag-handle", gm = ({
-  scope: t,
-  sliceId: s,
-  onScroll: r,
+  return o === n;
+}), $m = ({
+  scope: o,
+  sliceId: g,
+  onScroll: n,
   onScrollBottom: a,
   // when the user scrolls to the bottom of the table, this callback is called
-  onOpenNew: c,
+  onOpenNew: p,
   readOnly: x,
-  excludedColumns: R,
-  excludedSorting: I,
-  extraColumns: M,
+  excludedColumns: j,
+  excludedSorting: T,
+  extraColumns: I,
   includeLinks: f,
-  isLoading: v,
-  isExpandable: T,
+  isLoading: D,
+  isExpandable: M,
   enableSorting: i = !0,
-  clientSorting: u = !1,
-  sortableRows: y = !1,
-  onRowReorder: b,
-  dndActiveId: j,
+  clientSorting: d = !1,
+  sortableRows: C = !1,
+  onRowReorder: w,
+  dndActiveId: v,
   // Destructure new prop
-  columnsConfig: C,
-  onScrollBottomGroupBy: E,
+  columnsConfig: y,
+  showColumnSummaries: H = !1,
+  fieldStats: S,
+  groupFieldStats: U,
+  fieldStatsLoading: k,
+  mainCountLabels: z,
+  onScrollBottomGroupBy: N,
   // Destructure new prop for group-by load more
-  contextMenuItems: w,
+  contextMenuItems: K,
   // Additional context menu items from props
-  onColumnVisibleChange: F,
-  onColumnVisibleChangeSubscribed: O,
-  pt: D,
-  ..._
+  onColumnVisibleChange: L,
+  onColumnVisibleChangeSubscribed: E,
+  pt: V,
+  ...s
 }) => {
   const {
-    columnVisibility: V,
-    columnPinning: P,
-    columnOrder: m,
-    columnSizing: z,
-    setAllColumns: p,
-    sorting: Y,
-    sortingOnChange: K,
-    columnPinningOnChange: it,
-    columnSizingOnChange: yt,
-    defaultColumnVisibility: g,
-    columnVisibilityOnChange: U,
-    columnOrderOnChange: Ct,
-    groupBy: k
-  } = ge(), { productTypes: W, projectName: L, ...Q } = fo(), {
-    tableData: B,
-    attribFields: $,
-    entitiesMap: Z,
-    users: zt,
-    isLoading: Ce,
-    error: xe,
-    isInitialized: xt,
-    expanded: be,
-    updateExpanded: Et,
-    toggleExpandAll: we,
-    showHierarchy: q,
-    isFlatFolderView: rt,
-    fetchNextPage: Se,
-    scopes: J,
+    columnVisibility: R,
+    columnPinning: u,
+    columnOrder: O,
+    columnSizing: B,
+    setAllColumns: c,
+    sorting: X,
+    sortingOnChange: wt,
+    columnPinningOnChange: at,
+    columnSizingOnChange: W,
+    defaultColumnVisibility: $,
+    columnVisibilityOnChange: et,
+    columnOrderOnChange: pt,
+    groupBy: _,
+    columnSummaries: ot,
+    updateColumnSummary: je,
+    columnSummaryScopes: ve,
+    updateColumnSummaryScope: Te,
+    columnSummaryFormats: De,
+    updateColumnSummaryFormat: Me
+  } = be(), { productTypes: Ie, projectName: dt, ...Pe } = Ho(), {
+    tableData: Q,
+    attribFields: q,
+    entitiesMap: ze,
+    users: Ot,
+    isLoading: Le,
+    error: Ee,
+    isInitialized: St,
+    expanded: Oe,
+    updateExpanded: Ht,
+    toggleExpandAll: He,
+    showHierarchy: G,
+    isFlatFolderView: ut,
+    fetchNextPage: Fe,
+    scopes: Z,
     // or entityTypes
-    getEntityById: Ot,
-    onResetView: Re,
-    overrideGroupBy: je
-  } = he(), Ht = !!k || !!je, { writableFields: Lt } = Oo(), tt = v || Ce, {
-    statuses: Nt = [],
-    folderTypes: kt = [],
-    taskTypes: At = [],
-    tags: Ft = [],
-    linkTypes: Vt = []
-  } = Q || {}, nt = H(
-    () => Po({
-      users: zt,
-      statuses: Nt,
-      folderTypes: kt,
-      taskTypes: At,
-      productTypes: W,
-      tags: Ft,
-      scopes: J
+    getEntityById: Ft,
+    onResetView: ke,
+    overrideGroupBy: Ne
+  } = Se(), kt = !!_ || !!Ne, { writableFields: Nt } = ei(), it = D || Le, {
+    statuses: Vt = [],
+    folderTypes: At = [],
+    taskTypes: Bt = [],
+    tags: $t = [],
+    linkTypes: _t = []
+  } = Pe || {}, rt = P(
+    () => Yo({
+      users: Ot,
+      statuses: Vt,
+      folderTypes: At,
+      taskTypes: Bt,
+      productTypes: Ie,
+      tags: $t,
+      scopes: Z
     }),
-    [zt, Nt, kt, At, J, Ft]
-  ), st = It(null), Bt = It(0), { registerGrid: $t } = Tt(), { loadingAttrib: _t, loadingRows: Ie } = H(() => {
-    const o = st.current?.querySelectorAll("tbody tr").length || 0, n = vo(), d = To(
-      q && B.length > 0 ? Math.min(o, 50) : k ? Math.max(Bt.current, 50) : 50
+    [Ot, Vt, At, Bt, Z, $t]
+  ), ct = Mt(null), Kt = Mt(0), { registerGrid: Wt } = Pt(), { loadingAttrib: qt, loadingRows: Ve } = P(() => {
+    const t = ct.current?.querySelectorAll("tbody tr").length || 0, r = Go(), m = Uo(
+      G && Q.length > 0 ? Math.min(t, 50) : _ ? Math.max(Kt.current, 50) : 50
     );
-    return { loadingAttrib: n, loadingRows: d };
-  }, []), ve = !xt || tt, { readOnlyColumns: Kt, readOnlyAttribs: Te } = H(
-    () => Mo($, Lt, x),
-    [$, Lt, x]
-  ), { selectedCells: bt } = Tt(), { updateEntities: Wt } = ue(), De = ut(
-    async (o, n) => {
-      const { selection: d = [] } = n || {}, l = [];
-      if (!d?.length)
-        l.push({ ...o, id: o.rowId });
+    return { loadingAttrib: r, loadingRows: m };
+  }, []), Ae = !St || it, { readOnlyColumns: Gt, readOnlyAttribs: Be } = P(
+    () => Jo(q, Nt, x),
+    [q, Nt, x]
+  ), { selectedCells: Rt } = Pt(), { updateEntities: Ut } = xe(), $e = Ct(
+    async (t, r) => {
+      const { selection: m = [] } = r || {}, l = [];
+      if (!m?.length)
+        l.push({ ...t, id: t.rowId });
       else {
-        const { field: h, value: X, isAttrib: St } = o;
-        for (const We of bt) {
-          const { colId: Rt, rowId: dt } = fe(We) || {};
-          if (Rt === N) continue;
-          const jt = Ot(dt || "");
-          if (!jt) {
-            console.warn(`Entity with ID ${dt} not found for cell update.`);
+        const { field: h, value: Y, isAttrib: vt } = t;
+        for (const mo of Rt) {
+          const { colId: Tt, rowId: ft } = we(mo) || {};
+          if (Tt === F) continue;
+          const Dt = Ft(ft || "");
+          if (!Dt) {
+            console.warn(`Entity with ID ${ft} not found for cell update.`);
             continue;
           }
-          (!Rt?.includes("attrib_") || Rt?.replace("attrib_", "") === h) && dt && l.push({
+          (!Tt?.includes("attrib_") || Tt?.replace("attrib_", "") === h) && ft && l.push({
             field: h,
-            rowId: dt,
-            id: jt.entityId,
-            value: X,
-            isAttrib: St,
-            type: jt.entityType
+            rowId: ft,
+            id: Dt.entityId,
+            value: Y,
+            isAttrib: vt,
+            type: Dt.entityType
           });
         }
       }
       if (!l.length) {
-        console.warn("No entities to update, skipping updateEntities call."), uo.warn("No entities to update.");
+        console.warn("No entities to update, skipping updateEntities call."), Eo.warn("No entities to update.");
         return;
       }
-      await Wt(l, !0);
+      await Ut(l, !0);
     },
-    [Wt, Ot, bt]
-  ), qt = H(
-    () => xt ? $ : _t,
-    [$, _t, xt]
-  ), Pe = () => J.includes("version") ? "Product / Version" : J.map((o) => co(o)).join(" / "), et = H(() => {
-    const o = Ze({
-      scopes: J,
-      attribs: qt,
-      links: Vt,
+    [Ut, Ft, Rt]
+  ), Xt = P(
+    () => St ? q : qt,
+    [q, qt, St]
+  ), _e = () => Z.includes("version") ? "Product / Version" : Z.map((t) => Lo(t)).join(" / "), tt = P(() => {
+    const t = Co({
+      scopes: Z,
+      attribs: Xt,
+      links: _t,
       includeLinks: f,
-      showHierarchy: q,
-      isFlatFolderView: rt,
-      options: nt,
-      extraColumns: M,
-      excluded: R,
-      excludedSorting: I,
-      groupBy: k,
-      nameLabel: Pe()
+      showHierarchy: G,
+      isFlatFolderView: ut,
+      options: rt,
+      extraColumns: I,
+      excluded: j,
+      excludedSorting: T,
+      groupBy: _,
+      nameLabel: _e()
     });
-    return y ? [
+    return C && i ? [
       {
-        id: G,
+        id: J,
         header: () => null,
         cell: () => null,
         // Content rendered by TableBodyRow
@@ -464,177 +470,185 @@ const ft = (t) => {
         enablePinning: !1
         // Programmatically pinned
       },
-      ...o
-    ] : o;
+      ...t
+    ] : t;
   }, [
-    J,
-    qt,
-    q,
+    Z,
+    Xt,
+    G,
+    ut,
+    M,
     rt,
-    T,
-    nt,
-    Vt,
+    _t,
     f,
-    M,
-    R,
     I,
-    y,
-    k
+    j,
+    T,
+    C,
+    i,
+    _
   ]);
-  ct(() => {
-    const o = et.map((n) => n.id).filter(Boolean);
-    p(o);
-  }, [et, p]);
-  const Me = H(() => {
-    const o = { ...V };
-    return et.forEach((n) => {
-      n.id && o[n.id] === void 0 && (o[n.id] = Eo({}, n.id, g));
-    }), o;
-  }, [V, g, et]), S = Ge({
-    data: ve ? Ie : B,
-    columns: et,
+  ht(() => {
+    const t = tt.map((r) => r.id).filter(Boolean);
+    c(t);
+  }, [tt, c]);
+  const Ke = P(() => {
+    const t = { ...R };
+    return tt.forEach((r) => {
+      const m = r.visible;
+      r.id && t[r.id] === void 0 && (m !== void 0 ? t[r.id] = m : t[r.id] = Zo({}, r.id, $));
+    }), ti(t, tt.map((r) => r.id).filter(Boolean));
+  }, [R, $, tt]), b = po({
+    data: Ae ? Ve : Q,
+    columns: tt,
     defaultColumn: {
       minSize: 50,
       size: 150
     },
     enableRowSelection: !0,
     //enable row selection for all rows
-    getRowId: (o) => o.id,
+    getRowId: (t) => t.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    getSubRows: (o) => o.subRows,
-    getRowCanExpand: () => !!T || q || rt || Ht,
-    getCoreRowModel: Qe(),
-    getFilteredRowModel: Je(),
-    getExpandedRowModel: Ye(),
+    getSubRows: (t) => t.subRows,
+    getRowCanExpand: () => !!M || G || ut || kt,
+    getCoreRowModel: ho(),
+    getFilteredRowModel: fo(),
+    getExpandedRowModel: go(),
     filterFromLeafRows: !0,
     // EXPANDABLE
-    onExpandedChange: Et,
+    onExpandedChange: Ht,
     // SORTING
     enableSorting: i,
-    getSortedRowModel: Xe(),
+    getSortedRowModel: co(),
     sortDescFirst: !1,
-    manualSorting: !u,
-    onSortingChange: K,
+    manualSorting: !d,
+    onSortingChange: wt,
     columnResizeMode: "onChange",
-    onColumnPinningChange: it,
-    onColumnSizingChange: yt,
-    onColumnVisibilityChange: U,
-    onColumnOrderChange: Ct,
+    onColumnPinningChange: at,
+    onColumnSizingChange: W,
+    onColumnVisibilityChange: et,
+    onColumnOrderChange: pt,
     // @ts-ignore
-    filterFns: Ue,
+    filterFns: uo,
     state: {
-      expanded: be,
-      sorting: Y,
+      expanded: Oe,
+      sorting: X,
       columnPinning: (() => {
-        const o = [];
-        y && o.push(G), o.push(N);
-        const n = (P.left || []).filter(
-          (l) => l !== G && l !== N
+        const t = [];
+        C && t.push(J), t.push(F);
+        const r = (u.left || []).filter(
+          (l) => l !== J && l !== F
         );
-        return o.push(...n), {
-          left: [...new Set(o)],
-          right: P.right
+        return t.push(...r), {
+          left: [...new Set(t)],
+          right: u.right
         };
       })(),
-      columnSizing: z,
-      columnVisibility: Me,
-      columnOrder: m
+      columnSizing: B,
+      columnVisibility: Ke,
+      columnOrder: O
     },
     meta: {
-      projectName: L,
-      options: nt,
-      readOnly: Kt,
-      updateEntities: De,
-      toggleExpandAll: we,
-      loadMoreRows: Se,
-      selection: Array.from(bt),
-      columnsConfig: C
+      projectName: dt,
+      options: rt,
+      readOnly: Gt,
+      updateEntities: $e,
+      toggleExpandAll: He,
+      loadMoreRows: Fe,
+      selection: Array.from(Rt),
+      columnsConfig: y
     }
-  }), { rows: ot } = S.getRowModel();
-  ct(() => {
-    Bt.current = ot.length;
-  }, [ot.length]), ct(() => {
-    if (!ot.length) return;
-    const o = ot.map((l) => l.id), d = [...S.getAllLeafColumns().map((l) => l.id)].sort((l, h) => {
-      if (N === h) return 1;
-      const X = P.left?.includes(l) ? 0 : 1, St = P.left?.includes(h) ? 0 : 1;
-      return X - St;
+  }), { rows: nt } = b.getRowModel();
+  ht(() => {
+    Kt.current = nt.length;
+  }, [nt.length]), ht(() => {
+    if (!nt.length) return;
+    const t = nt.map((l) => l.id), m = [...b.getAllLeafColumns().map((l) => l.id)].sort((l, h) => {
+      if (F === h) return 1;
+      const Y = u.left?.includes(l) ? 0 : 1, vt = u.left?.includes(h) ? 0 : 1;
+      return Y - vt;
     });
-    $t(o, d);
-  }, [ot, S.getAllLeafColumns(), P, N, $t]);
-  const lt = S.getVisibleLeafColumns(), { columnVirtualizer: mt, virtualPaddingLeft: at, virtualPaddingRight: pt } = So({
-    visibleColumns: lt,
-    tableContainerRef: st,
-    columnPinning: P,
-    columnSizing: z,
-    columnOrder: m
-  }), Gt = It({}), Ut = mt.getVirtualItems();
-  ct(() => {
-    if (!F || !O?.length) return;
-    const o = new Set(Ut.map((h) => lt[h.index]?.id)), n = {};
-    let d = !1;
-    S.getAllLeafColumns().filter((h) => Ho(h.id, O)).forEach((h) => {
-      const X = o.has(h.id);
-      Gt.current[h.id] !== X && (n[h.id] = X, d = !0, Gt.current[h.id] = X);
-    }), d && F(n);
-  }, [Ut, F, O, lt, S]);
-  const Xt = xo(S, z), { getRowHeight: ze, defaultRowHeight: Yt } = jo(), Ee = H(() => $.reduce((o, n) => (n.data?.enum?.length && (o[n.name] = n.data?.enum), o), {}), [$]), Oe = H(() => B.map((o) => o.id), [B]), He = H(() => m.filter(
-    (o) => o !== G && o !== N
-  ), [m]), Le = H(() => !j || !y ? null : B.find((o) => o.id === j), [j, B, y]), Ne = ut(
-    (o) => {
-      if (r?.(o), a) {
-        const n = o.currentTarget;
-        if (n && !q && !rt && !k) {
-          const { scrollHeight: d, scrollTop: l, clientHeight: h } = n;
-          d - l - h < 500 && !tt && a(o);
+    Wt(t, m);
+  }, [nt, b.getAllLeafColumns(), u, F, Wt]);
+  const gt = b.getVisibleLeafColumns(), { columnVirtualizer: st, virtualPaddingLeft: lt, virtualPaddingRight: mt } = _o({
+    visibleColumns: gt,
+    tableContainerRef: ct,
+    columnPinning: u,
+    columnSizing: B,
+    columnOrder: O
+  }), Yt = Mt({}), Jt = st.getVirtualItems();
+  ht(() => {
+    if (!L || !E?.length) return;
+    const t = new Set(Jt.map((h) => gt[h.index]?.id)), r = {};
+    let m = !1;
+    b.getAllLeafColumns().filter((h) => ii(h.id, E)).forEach((h) => {
+      const Y = t.has(h.id);
+      Yt.current[h.id] !== Y && (r[h.id] = Y, m = !0, Yt.current[h.id] = Y);
+    }), m && L(r);
+  }, [Jt, L, E, gt, b]);
+  const Qt = Ao(b, B), { powerLicense: Zt } = Po(), [We, { isLoaded: te, isLoading: ee }] = zo({
+    addon: "powerpack",
+    remote: "views",
+    module: "SummaryCellContent",
+    fallback: oi,
+    skip: !H || !Zt
+  }), qe = H && Zt && (te || ee), Ge = ee || !te || !!k, { getRowHeight: Ue, defaultRowHeight: oe } = Wo(), Xe = P(() => q.reduce((t, r) => (r.data?.enum?.length && (t[r.name] = r.data?.enum), t), {}), [q]), Ye = P(() => Q.map((t) => t.id), [Q]), Je = P(() => O.filter(
+    (t) => t !== J && t !== F
+  ), [O]), Qe = P(() => !v || !C ? null : Q.find((t) => t.id === v), [v, Q, C]), Ze = Ct(
+    (t) => {
+      if (n?.(t), a) {
+        const r = t.currentTarget;
+        if (r && !G && !ut && !_) {
+          const { scrollHeight: m, scrollTop: l, clientHeight: h } = r;
+          m - l - h < 500 && !it && a(t);
         }
       }
-      if (E && k) {
-        const h = o.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
-        h && E(h);
+      if (N && _) {
+        const h = t.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
+        h && N(h);
       }
     },
-    [r, a, E, q, k, tt]
+    [n, a, N, G, _, it]
   ), {
-    isEntityPickerOpen: ke,
-    handleMoveSubmit: Ae,
-    closeMoveDialog: Fe,
-    movingEntities: wt,
-    handleMoveToRoot: Ve,
-    getDisabledFolderIds: Be,
-    getDisabledMessage: $e
-  } = Io({
-    projectName: L
-  }), _e = (o) => {
-    Ae(o);
-    const n = o[0];
-    Et((d) => typeof d == "boolean" ? d || { [n]: !0 } : d[n] ? d : {
-      ...d,
-      [n]: !0
+    isEntityPickerOpen: to,
+    handleMoveSubmit: eo,
+    closeMoveDialog: oo,
+    movingEntities: jt,
+    handleMoveToRoot: io,
+    getDisabledFolderIds: ro,
+    getDisabledMessage: no
+  } = qo({
+    projectName: dt
+  }), so = (t) => {
+    eo(t);
+    const r = t[0];
+    Ht((m) => typeof m == "boolean" ? m || { [r]: !0 } : m[r] ? m : {
+      ...m,
+      [r]: !0
     });
-  }, Jt = /* @__PURE__ */ e.jsxs(
-    yo,
+  }, ie = /* @__PURE__ */ e.jsxs(
+    No,
     {
-      entitiesMap: Z,
-      columnEnums: { ...nt, ...Ee },
-      columnReadOnly: Te,
-      visibleColumns: lt,
+      entitiesMap: ze,
+      columnEnums: { ...rt, ...Xe },
+      columnReadOnly: Be,
+      visibleColumns: gt,
       children: [
-        /* @__PURE__ */ e.jsx(eo, { ..._, children: /* @__PURE__ */ e.jsx(
-          oo,
+        /* @__PURE__ */ e.jsx(xo, { ...s, children: /* @__PURE__ */ e.jsx(
+          bo,
           {
-            ref: st,
+            ref: ct,
             style: { height: "100%", padding: 0 },
-            onScroll: Ne,
-            ...D?.container,
+            onScroll: Ze,
+            ...V?.container,
             "data-column-dnd-container": !0,
             className: A(
               "table-container",
               {
-                resizing: S.getState().columnSizingInfo.isResizingColumn
+                resizing: b.getState().columnSizingInfo.isResizingColumn
               },
-              D?.container?.className
+              V?.container?.className
             ),
             children: /* @__PURE__ */ e.jsxs(
               "table",
@@ -643,45 +657,76 @@ const ft = (t) => {
                   display: "grid",
                   borderCollapse: "collapse",
                   userSelect: "none",
-                  ...Xt,
-                  width: S.getTotalSize(),
-                  cursor: S.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
+                  ...Qt,
+                  width: b.getTotalSize(),
+                  cursor: b.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0,
+                  // stretch tbody to the container so the column dividers fill the empty
+                  // space below the rows; also pins the summary footer to the bottom
+                  minHeight: "100%",
+                  gridTemplateRows: "auto 1fr auto"
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(
-                    Lo,
+                    ri,
                     {
-                      columnVirtualizer: mt,
-                      table: S,
-                      virtualPaddingLeft: at,
-                      virtualPaddingRight: pt,
-                      isLoading: tt,
-                      readOnlyColumns: Kt,
-                      sortableRows: y,
-                      columnOrderIds: He,
-                      ...D?.head
+                      columnVirtualizer: st,
+                      table: b,
+                      virtualPaddingLeft: lt,
+                      virtualPaddingRight: mt,
+                      isLoading: it,
+                      readOnlyColumns: Gt,
+                      sortableRows: C,
+                      columnOrderIds: Je,
+                      ...V?.head
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Ao,
+                    li,
                     {
-                      columnVirtualizer: mt,
-                      table: S,
-                      tableContainerRef: st,
-                      virtualPaddingLeft: at,
-                      virtualPaddingRight: pt,
-                      showHierarchy: q,
-                      attribs: $,
-                      onOpenNew: c,
-                      rowOrderIds: Oe,
-                      sortableRows: y,
-                      error: xe,
-                      isLoading: tt,
-                      isGrouping: Ht,
-                      getRowHeight: ze,
-                      defaultRowHeight: Yt,
-                      onResetView: Re,
-                      contextMenuItems: w
+                      columnVirtualizer: st,
+                      table: b,
+                      tableContainerRef: ct,
+                      virtualPaddingLeft: lt,
+                      virtualPaddingRight: mt,
+                      showHierarchy: G,
+                      attribs: q,
+                      onOpenNew: p,
+                      rowOrderIds: Ye,
+                      sortableRows: C,
+                      error: Ee,
+                      isLoading: it,
+                      isGrouping: kt,
+                      getRowHeight: Ue,
+                      defaultRowHeight: oe,
+                      onResetView: ke,
+                      contextMenuItems: K
+                    }
+                  ),
+                  qe && /* @__PURE__ */ e.jsx(
+                    ko,
+                    {
+                      columnVirtualizer: st,
+                      table: b,
+                      virtualPaddingLeft: lt,
+                      virtualPaddingRight: mt,
+                      isLoading: Ge,
+                      renderCellContent: (t) => /* @__PURE__ */ e.jsx(
+                        We,
+                        {
+                          columnId: t,
+                          attribs: q,
+                          fieldStats: S,
+                          groupFieldStats: U,
+                          calc: ot[t],
+                          onCalcChange: (r) => je(t, r),
+                          format: De[t],
+                          onFormatChange: (r) => Me(t, r),
+                          scope: ve[t],
+                          onScopeChange: (r) => Te(t, r),
+                          mainCountLabels: z,
+                          fieldOptions: rt
+                        }
+                      )
                     }
                   )
                 ]
@@ -689,261 +734,261 @@ const ft = (t) => {
             )
           }
         ) }),
-        ke && L && wt?.entities && wt.entities.length > 0 && /* @__PURE__ */ e.jsx(
-          ho,
+        to && dt && jt?.entities && jt.entities.length > 0 && /* @__PURE__ */ e.jsx(
+          Fo,
           {
-            projectName: L,
+            projectName: dt,
             entityType: "folder",
-            onSubmit: _e,
-            onClose: Fe,
-            showMoveToRoot: wt.entities.every(
-              (o) => o.entityType === "folder"
+            onSubmit: so,
+            onClose: oo,
+            showMoveToRoot: jt.entities.every(
+              (t) => t.entityType === "folder"
             ),
-            onMoveToRoot: Ve,
-            disabledIds: Be(),
-            getDisabledMessage: $e
+            onMoveToRoot: io,
+            disabledIds: ro(),
+            getDisabledMessage: no
           }
         )
       ]
     }
-  ), Ke = y && j && gt(
-    /* @__PURE__ */ e.jsx(me, { dropAnimation: null, children: Le ? (() => {
-      const o = S.getRowModel().rows.find((d) => d.id === j);
-      if (!o) return null;
-      const n = S.getTotalSize();
+  ), lo = C && v && yt(
+    /* @__PURE__ */ e.jsx(ge, { dropAnimation: null, children: Qe ? (() => {
+      const t = b.getRowModel().rows.find((m) => m.id === v);
+      if (!t) return null;
+      const r = b.getTotalSize();
       return /* @__PURE__ */ e.jsx(
         "table",
         {
           style: {
-            width: n,
+            width: r,
             borderCollapse: "collapse",
             backgroundColor: "var(--md-sys-color-surface-container-high)",
             boxShadow: "0 0 10px rgba(0,0,0,0.2)",
-            ...Xt
+            ...Qt
           },
-          children: /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsxs(ne, { style: { display: "flex", userSelect: "none" }, children: [
-            at ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: at } }) : null,
-            mt.getVirtualItems().map((d) => {
-              const l = o.getVisibleCells()[d.index];
+          children: /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsxs(de, { style: { display: "flex", userSelect: "none" }, children: [
+            lt ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: lt } }) : null,
+            st.getVirtualItems().map((m) => {
+              const l = t.getVisibleCells()[m.index];
               if (!l) return null;
               const h = {
-                ...ft(l.column),
-                width: ht(o.id, l.column.id),
+                ...bt(l.column),
+                width: xt(l.column.id),
                 display: "flex",
                 alignItems: "center",
-                height: Yt
+                height: oe
               };
-              return l.column.id === G ? /* @__PURE__ */ e.jsxs(
-                Pt,
+              return l.column.id === J ? /* @__PURE__ */ e.jsxs(
+                Lt,
                 {
                   style: { ...h, justifyContent: "center" },
                   className: A(l.column.id),
                   children: [
-                    /* @__PURE__ */ e.jsx(ce, { icon: "drag_handle" }),
+                    /* @__PURE__ */ e.jsx(ye, { icon: "drag_handle" }),
                     " "
                   ]
                 },
                 `overlay-drag-${l.id}`
               ) : /* @__PURE__ */ e.jsx(
-                ye,
+                Re,
                 {
                   cell: l,
-                  cellId: `overlay-${Mt(o.id, l.column.id)}`,
-                  rowId: o.id,
-                  showHierarchy: q
+                  cellId: `overlay-${Et(t.id, l.column.id)}`,
+                  rowId: t.id,
+                  showHierarchy: G
                 },
                 `overlay-cell-${l.id}`
               );
             }),
-            pt ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: pt } }) : null
+            mt ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: mt } }) : null
           ] }) })
         }
       );
     })() : null }),
     document.body
   );
-  return y ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    Jt,
-    Ke,
-    /* @__PURE__ */ e.jsx(re, { table: S })
+  return C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    ie,
+    lo,
+    /* @__PURE__ */ e.jsx(pe, { table: b })
   ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    Jt,
-    /* @__PURE__ */ e.jsx(re, { table: S })
+    ie,
+    /* @__PURE__ */ e.jsx(pe, { table: b })
   ] });
-}, re = ({ table: t }) => {
-  const { active: s } = ae(), a = s?.data?.current?.type === "column" ? s?.id : null, c = H(() => a && t.getHeaderGroups()[0]?.headers.find((x) => x.id === a) || null, [a, t]);
-  return !a || !c ? null : gt(
-    /* @__PURE__ */ e.jsx(me, { dropAnimation: null, children: /* @__PURE__ */ e.jsx(
-      se,
+}, pe = ({ table: o }) => {
+  const { active: g } = fe(), a = g?.data?.current?.type === "column" ? g?.id : null, p = P(() => a && o.getHeaderGroups()[0]?.headers.find((x) => x.id === a) || null, [a, o]);
+  return !a || !p ? null : yt(
+    /* @__PURE__ */ e.jsx(ge, { dropAnimation: null, children: /* @__PURE__ */ e.jsx(
+      ue,
       {
         style: {
-          width: c.column.getSize(),
+          width: p.column.getSize(),
           backgroundColor: "var(--md-sys-color-surface-container-high)",
           boxShadow: "0 0 10px rgba(0,0,0,0.2)",
           display: "flex",
           alignItems: "center",
           minHeight: 34
         },
-        children: /* @__PURE__ */ e.jsx(le, { className: "bold header", children: Dt(
-          c.column.columnDef.header,
-          c.getContext()
+        children: /* @__PURE__ */ e.jsx(ce, { className: "bold header", children: zt(
+          p.column.columnDef.header,
+          p.getContext()
         ) })
       }
     ) }),
     document.body
   );
-}, Lo = ({
-  columnVirtualizer: t,
-  table: s,
-  virtualPaddingLeft: r,
+}, ri = ({
+  columnVirtualizer: o,
+  table: g,
+  virtualPaddingLeft: n,
   virtualPaddingRight: a,
-  isLoading: c,
+  isLoading: p,
   readOnlyColumns: x,
-  sortableRows: R,
-  columnOrderIds: I,
-  ...M
-}) => /* @__PURE__ */ e.jsx(io, { ...M, children: s.getHeaderGroups().map((f) => /* @__PURE__ */ e.jsx(
-  No,
+  sortableRows: j,
+  columnOrderIds: T,
+  ...I
+}) => /* @__PURE__ */ e.jsx(wo, { ...I, children: g.getHeaderGroups().map((f) => /* @__PURE__ */ e.jsx(
+  ni,
   {
-    columnVirtualizer: t,
+    columnVirtualizer: o,
     headerGroup: f,
-    virtualPaddingLeft: r,
+    virtualPaddingLeft: n,
     virtualPaddingRight: a,
-    isLoading: c,
+    isLoading: p,
     readOnlyColumns: x,
-    sortableRows: R,
-    columnOrderIds: I
+    sortableRows: j,
+    columnOrderIds: T
   },
   f.id
-)) }), No = ({
-  columnVirtualizer: t,
-  headerGroup: s,
-  virtualPaddingLeft: r,
+)) }), ni = ({
+  columnVirtualizer: o,
+  headerGroup: g,
+  virtualPaddingLeft: n,
   virtualPaddingRight: a,
-  isLoading: c,
+  isLoading: p,
   readOnlyColumns: x,
-  sortableRows: R,
-  columnOrderIds: I
+  sortableRows: j,
+  columnOrderIds: T
 }) => {
-  const M = t.getVirtualItems(), { active: f } = ae(), v = f?.data?.current?.type === "column", T = v && (f?.data?.current?.isPinned ?? !1);
-  return /* @__PURE__ */ e.jsxs(ro, { style: { display: "flex" }, children: [
-    r ? (
+  const I = o.getVirtualItems(), { active: f } = fe(), D = f?.data?.current?.type === "column", M = D && (f?.data?.current?.isPinned ?? !1);
+  return /* @__PURE__ */ e.jsxs(Ro, { style: { display: "flex" }, children: [
+    n ? (
       //fake empty column to the left for virtualization scroll padding
-      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: r } })
+      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: n } })
     ) : null,
-    /* @__PURE__ */ e.jsx(pe, { items: I, strategy: po, children: M.map((i) => {
-      const u = s.headers[i.index], y = u.id !== G && u.id !== N;
+    /* @__PURE__ */ e.jsx(he, { items: T, strategy: Io, children: I.map((i) => {
+      const d = g.headers[i.index], C = d.id !== J && d.id !== F;
       return /* @__PURE__ */ e.jsx(
-        ko,
+        si,
         {
-          header: u,
-          isLoading: c,
-          isReadOnly: x?.includes(u.id),
-          canSort: u.column.getCanSort(),
-          canFilter: u.column.getCanFilter(),
-          canHide: u.column.getCanHide(),
-          canPin: u.column.getCanPin(),
-          canResize: u.column.getCanResize(),
-          sortableRows: R,
-          isDraggable: y,
-          isColumnDrag: v,
-          isDraggedColumnPinned: T
+          header: d,
+          isLoading: p,
+          isReadOnly: x?.includes(d.id),
+          canSort: d.column.getCanSort(),
+          canFilter: d.column.getCanFilter(),
+          canHide: d.column.getCanHide(),
+          canPin: d.column.getCanPin(),
+          canResize: d.column.getCanResize(),
+          sortableRows: j,
+          isDraggable: C,
+          isColumnDrag: D,
+          isDraggedColumnPinned: M
         },
-        u.id
+        d.id
       );
     }) }),
     a ? (
       //fake empty column to the right for virtualization scroll padding
       /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: a } })
     ) : null
-  ] }, s.id);
-}, ko = ({
-  header: t,
-  isLoading: s,
-  canFilter: r,
+  ] }, g.id);
+}, si = ({
+  header: o,
+  isLoading: g,
+  canFilter: n,
   canHide: a,
-  canSort: c,
+  canSort: p,
   canPin: x,
-  canResize: R,
-  isReadOnly: I,
-  sortableRows: M,
+  canResize: j,
+  isReadOnly: T,
+  sortableRows: I,
   isDraggable: f = !0,
-  isColumnDrag: v,
-  isDraggedColumnPinned: T
+  isColumnDrag: D,
+  isDraggedColumnPinned: M
 }) => {
-  const { column: i } = t, u = i.getIsSorted(), y = `column-header-menu-${i.id}`, { menuOpen: b } = go(), j = b === y, { columnPinning: C } = ge(), E = C.left?.includes(i.id) || !1, { attributes: w, listeners: F, setNodeRef: O, transform: D, transition: _, isDragging: V } = de({
+  const { column: i } = o, d = i.getIsSorted(), C = `column-header-menu-${i.id}`, { menuOpen: w } = Oo(), v = w === C, { columnPinning: y } = be(), H = y.left?.includes(i.id) || !1, { attributes: S, listeners: U, setNodeRef: k, transform: z, transition: N, isDragging: K } = Ce({
     id: i.id,
-    data: { type: "column", isPinned: E },
+    data: { type: "column", isPinned: H },
     disabled: !f
-  }), P = v && T === E, m = () => {
-    if (V)
+  }), L = D && M === H, E = () => {
+    if (K)
       return {
-        transform: vt.Translate.toString(D),
-        transition: _,
+        transform: It.Translate.toString(z),
+        transition: N,
         visibility: "hidden",
         zIndex: 200
       };
-    if (P && D) {
-      const p = E ? { position: "relative", left: "auto" } : {};
-      return { transform: vt.Translate.toString(D), transition: _, ...p };
+    if (L && z) {
+      const s = H ? { position: "relative", left: "auto" } : {};
+      return { transform: It.Translate.toString(z), transition: N, ...s };
     }
     return {};
-  }, z = {
-    onPointerDown: (p) => p.stopPropagation(),
-    onMouseDown: (p) => p.stopPropagation()
+  }, V = {
+    onPointerDown: (s) => s.stopPropagation(),
+    onMouseDown: (s) => s.stopPropagation()
   };
   return /* @__PURE__ */ e.jsx(
-    se,
+    ue,
     {
-      ref: O,
-      className: A(t.id, "shimmer-dark", {
-        loading: s,
+      ref: k,
+      className: A(o.id, "shimmer-dark", {
+        loading: g,
         "last-pinned-left": i.getIsPinned() === "left" && i.getIsLastColumn("left"),
         resizing: i.getIsResizing(),
-        dragging: V,
+        dragging: K,
         draggable: f
       }),
       style: {
-        ...ft(i),
-        width: ht("", i.id),
-        ...m()
+        ...bt(i),
+        width: xt(i.id),
+        ...E()
       },
-      children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(
-        le,
+      children: o.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(
+        ce,
         {
           className: A("bold", "header"),
-          ...f ? { ...w, ...F } : {},
+          ...f ? { ...S, ...U } : {},
           children: [
-            Dt(i.columnDef.header, t.getContext()),
-            I && /* @__PURE__ */ e.jsx(ce, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
-            /* @__PURE__ */ e.jsxs(no, { className: "actions", $isOpen: j, ...z, children: [
-              (a || x || c) && /* @__PURE__ */ e.jsx(
-                mo,
+            zt(i.columnDef.header, o.getContext()),
+            T && /* @__PURE__ */ e.jsx(ye, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
+            /* @__PURE__ */ e.jsxs(jo, { className: "actions", $isOpen: v, ...V, children: [
+              (a || x || p) && /* @__PURE__ */ e.jsx(
+                Do,
                 {
                   className: "header-menu",
-                  header: t,
+                  header: o,
                   canHide: a,
                   canPin: x,
-                  canSort: c,
+                  canSort: p,
                   isResizing: i.getIsResizing(),
-                  menuId: y,
-                  isOpen: j
+                  menuId: C,
+                  isOpen: v
                 }
               ),
-              c && /* @__PURE__ */ e.jsx(
-                Zt,
+              p && /* @__PURE__ */ e.jsx(
+                ne,
                 {
                   icon: "sort",
-                  className: A("sort-button", { visible: u }),
+                  className: A("sort-button", { visible: d }),
                   style: {
-                    transform: u === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
+                    transform: d === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
                   },
                   onClick: i.getToggleSortingHandler(),
                   selected: !!i.getIsSorted()
                 }
               ),
-              i.getIsPinned() && i.id !== N && /* @__PURE__ */ e.jsx(
-                Zt,
+              i.getIsPinned() && i.id !== F && /* @__PURE__ */ e.jsx(
+                ne,
                 {
                   icon: "push_pin",
                   className: A("pin-button", "visible"),
@@ -952,15 +997,15 @@ const ft = (t) => {
                 }
               )
             ] }),
-            R && /* @__PURE__ */ e.jsx(
-              so,
+            j && /* @__PURE__ */ e.jsx(
+              vo,
               {
                 onDoubleClick: () => i.resetSize(),
-                onMouseDown: (p) => {
-                  p.stopPropagation(), t.getResizeHandler()(p);
+                onMouseDown: (s) => {
+                  s.stopPropagation(), o.getResizeHandler()(s);
                 },
-                onTouchStart: t.getResizeHandler(),
-                onPointerDown: (p) => p.stopPropagation(),
+                onTouchStart: o.getResizeHandler(),
+                onPointerDown: (s) => s.stopPropagation(),
                 className: A("resize-handle", {
                   resizing: i.getIsResizing()
                 })
@@ -970,208 +1015,218 @@ const ft = (t) => {
         }
       )
     },
-    t.id
+    o.id
   );
-}, Ao = ({
-  columnVirtualizer: t,
-  table: s,
-  tableContainerRef: r,
+}, li = ({
+  columnVirtualizer: o,
+  table: g,
+  tableContainerRef: n,
   showHierarchy: a,
-  virtualPaddingLeft: c,
+  virtualPaddingLeft: p,
   virtualPaddingRight: x,
-  attribs: R,
-  onOpenNew: I,
-  rowOrderIds: M,
+  attribs: j,
+  onOpenNew: T,
+  rowOrderIds: I,
   sortableRows: f,
-  error: v,
-  isLoading: T,
+  error: D,
+  isLoading: M,
   isGrouping: i,
-  getRowHeight: u,
-  defaultRowHeight: y,
-  onResetView: b,
-  contextMenuItems: j
+  getRowHeight: d,
+  defaultRowHeight: C,
+  onResetView: w,
+  contextMenuItems: v
 }) => {
-  const C = H(() => s.getAllColumns().map((p) => {
-    const Y = p.id, K = p.columnDef.header;
-    return typeof K == "string" || typeof K == "number" ? { label: K, id: Y } : null;
-  }).filter(Boolean), [s.getAllColumns()]), w = wo({
-    attribs: R,
-    onOpenNew: I,
-    headerLabels: C,
-    contextMenuItems: j
-  }).handleTableBodyContextMenu, { handlePreFetchTasks: F } = bo(), { rows: O } = s.getRowModel(), D = qe({
-    count: O.length,
-    estimateSize: (m) => {
-      const z = O[m];
-      return z ? u(z.original) : y;
+  const y = P(() => g.getAllColumns().map((u) => {
+    const O = u.id, B = u.columnDef.header;
+    return typeof B == "string" || typeof B == "number" ? { label: B, id: O } : null;
+  }).filter(Boolean), [g.getAllColumns()]), S = $o({
+    attribs: j,
+    onOpenNew: T,
+    headerLabels: y,
+    contextMenuItems: v
+  }).handleTableBodyContextMenu, { handlePreFetchTasks: U } = Bo(), { rows: k } = g.getRowModel(), z = ao({
+    count: k.length,
+    estimateSize: (s) => {
+      const R = k[s];
+      return R ? d(R.original) : C;
     },
-    getScrollElement: () => r.current,
+    getScrollElement: () => n.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (m) => m?.getBoundingClientRect().height : void 0,
+    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (s) => s?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), _ = D.getVirtualItems(), V = ut(
-    (m) => {
-      m && D.measureElement(m);
+  }), N = z.getVirtualItems(), K = Ct(
+    (s) => {
+      s && z.measureElement(s);
     },
-    [D]
+    [z]
   );
-  Ro();
-  const P = /* @__PURE__ */ e.jsx(
+  Ko();
+  const L = g.getVisibleLeafColumns(), E = P(() => {
+    const s = [], R = [];
+    for (let u = 0; u < L.length - 1; u++) {
+      const O = L[u];
+      R.push(O.id === F ? "20" : `var(--col-${O.id}-size)`), s.push(`calc((${R.join(" + ")}) * 1px)`);
+    }
+    return s;
+  }, [L]), V = /* @__PURE__ */ e.jsxs(
     "tbody",
     {
       style: {
-        height: `${D.getTotalSize()}px`,
+        minHeight: `${z.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
-      onContextMenu: w,
-      onMouseOver: (m) => {
-        F(m);
+      onContextMenu: S,
+      onMouseOver: (s) => {
+        U(s);
       },
-      children: _.map((m, z) => {
-        const p = O[m.index];
-        return p ? /* @__PURE__ */ e.jsx(
-          Fo,
-          {
-            row: p,
-            showHierarchy: a,
-            visibleCells: p.getVisibleCells(),
-            virtualColumns: t.getVirtualItems(),
-            paddingLeft: c,
-            paddingRight: x,
-            rowRef: V,
-            dataIndex: m.index,
-            offsetTop: m.start,
-            sortableRows: f,
-            isGrouping: i,
-            rowHeight: u(p.original)
-          },
-          p.id + z.toString()
-        ) : (console.warn("Virtualized row data not found for index:", m.index), null);
-      })
+      children: [
+        /* @__PURE__ */ e.jsx(So, { "aria-hidden": !0, children: E.map((s, R) => /* @__PURE__ */ e.jsx("div", { style: { left: s } }, R)) }),
+        N.map((s, R) => {
+          const u = k[s.index];
+          return u ? /* @__PURE__ */ e.jsx(
+            mi,
+            {
+              row: u,
+              showHierarchy: a,
+              visibleCells: u.getVisibleCells(),
+              virtualColumns: o.getVirtualItems(),
+              paddingLeft: p,
+              paddingRight: x,
+              rowRef: K,
+              dataIndex: s.index,
+              offsetTop: s.start,
+              sortableRows: f,
+              isGrouping: i,
+              rowHeight: d(u.original)
+            },
+            u.id + R.toString()
+          ) : (console.warn("Virtualized row data not found for index:", s.index), null);
+        })
+      ]
     }
   );
-  return v ? r.current && gt(
-    /* @__PURE__ */ e.jsx(Qt, { children: /* @__PURE__ */ e.jsx(ee, { message: "No items found", error: v, children: b && /* @__PURE__ */ e.jsx(
-      te,
+  return D ? n.current && yt(
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(le, { message: "No items found", error: D, children: w && /* @__PURE__ */ e.jsx(
+      se,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: b
+        onClick: w
       }
     ) }) }),
-    r.current
-  ) : !O.length && !T ? r.current && gt(
-    /* @__PURE__ */ e.jsx(Qt, { children: /* @__PURE__ */ e.jsx(ee, { message: "No items found", children: b && /* @__PURE__ */ e.jsx(
-      te,
+    n.current
+  ) : !k.length && !M ? n.current && yt(
+    /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(le, { message: "No items found", children: w && /* @__PURE__ */ e.jsx(
+      se,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: b
+        onClick: w
       }
     ) }) }),
-    r.current
-  ) : f ? /* @__PURE__ */ e.jsx(pe, { items: M, strategy: ao, children: P }) : P;
-}, Fo = ({
-  row: t,
-  showHierarchy: s,
-  visibleCells: r,
+    n.current
+  ) : f ? /* @__PURE__ */ e.jsx(he, { items: I, strategy: Mo, children: V }) : V;
+}, mi = ({
+  row: o,
+  showHierarchy: g,
+  visibleCells: n,
   virtualColumns: a,
-  paddingLeft: c,
+  paddingLeft: p,
   paddingRight: x,
-  rowRef: R,
-  dataIndex: I,
-  offsetTop: M,
+  rowRef: j,
+  dataIndex: T,
+  offsetTop: I,
   sortableRows: f,
-  isGrouping: v = !1,
-  rowHeight: T
+  isGrouping: D = !1,
+  rowHeight: M
 }) => {
-  const i = f ? de({ id: t.id }) : null, u = ut(
-    (b) => {
-      i && i.setNodeRef(b), i && i.isDragging || R(b);
+  const i = f ? Ce({ id: o.id }) : null, d = Ct(
+    (w) => {
+      i && i.setNodeRef(w), i && i.isDragging || j(w);
     },
-    [i, R]
-  ), y = {
+    [i, j]
+  ), C = {
     position: "absolute",
     // Use absolute positioning for virtualized items
-    top: M,
+    top: I,
     // Position based on virtualizer's calculation (virtualRow.start)
     left: 0,
     // Span full width of the relative parent (tbody)
     right: 0,
     // Span full width
-    height: T,
+    height: M,
     // Use dynamic row height
     zIndex: i && i.isDragging ? 0 : 1,
     // Ensure dragged item is above others
     display: "flex",
     // Styled.TR is display:flex
-    transform: i && i.transform ? vt.Transform.toString(i.transform) : void 0,
+    transform: i && i.transform ? It.Transform.toString(i.transform) : void 0,
     // Apply dnd-kit's transform for drag effect
     transition: i && i.transition ? i.transition : void 0,
     visibility: i && i.isDragging ? "hidden" : "visible"
     // Hide the row being dragged
   };
   return /* @__PURE__ */ e.jsxs(
-    ne,
+    de,
     {
-      ref: u,
-      "data-index": I,
-      style: y,
-      className: A({ "group-row": t.original.group }),
+      ref: d,
+      "data-index": T,
+      style: C,
+      className: A({ "group-row": o.original.group }),
       children: [
-        c ? (
+        p ? (
           //fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: c } })
+          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: p } })
         ) : null,
-        a.map((b, j) => {
-          const C = r[b.index];
-          if (!C) return null;
-          const E = Mt(t.id, C.column.id);
-          return C.column.id === G ? /* @__PURE__ */ e.jsx(
-            Pt,
+        a.map((w, v) => {
+          const y = n[w.index];
+          if (!y) return null;
+          const H = Et(o.id, y.column.id);
+          return y.column.id === J ? /* @__PURE__ */ e.jsx(
+            Lt,
             {
               style: {
-                ...ft(C.column),
-                width: ht(t.id, C.column.id),
+                ...bt(y.column),
+                width: xt(y.column.id),
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                height: T,
+                height: M,
                 pointerEvents: "all",
                 cursor: "grab"
               },
-              className: A(C.column.id, {
-                "last-pinned-left": C.column.getIsPinned() === "left" && C.column.getIsLastColumn("left")
+              className: A(y.column.id, {
+                "last-pinned-left": y.column.getIsPinned() === "left" && y.column.getIsLastColumn("left")
               }),
-              onMouseDown: (w) => w.stopPropagation(),
-              onMouseOver: (w) => w.stopPropagation(),
-              onDoubleClick: (w) => w.stopPropagation(),
-              onContextMenu: (w) => {
-                w.preventDefault(), w.stopPropagation();
+              onMouseDown: (S) => S.stopPropagation(),
+              onMouseOver: (S) => S.stopPropagation(),
+              onDoubleClick: (S) => S.stopPropagation(),
+              onContextMenu: (S) => {
+                S.preventDefault(), S.stopPropagation();
               },
               children: /* @__PURE__ */ e.jsx(
-                lo,
+                To,
                 {
                   attributes: i?.attributes,
                   listeners: i?.listeners
                 }
               )
             },
-            C.id + j.toString()
+            y.id + v.toString()
           ) : /* @__PURE__ */ e.jsx(
-            ye,
+            Re,
             {
-              cell: C,
-              cellId: E,
-              rowId: t.id,
-              showHierarchy: s,
+              cell: y,
+              cellId: H,
+              rowId: o.id,
+              showHierarchy: g,
               sortableRows: f,
-              rowHeight: T
+              rowHeight: M
             },
-            C.id + j.toString()
+            y.id + v.toString()
           );
         }),
         x ? (
@@ -1181,130 +1236,129 @@ const ft = (t) => {
       ]
     }
   );
-}, ye = ({
-  cell: t,
-  rowId: s,
-  cellId: r,
+}, Re = ({
+  cell: o,
+  rowId: g,
+  cellId: n,
   className: a,
-  showHierarchy: c,
+  showHierarchy: p,
   sortableRows: x,
-  rowHeight: R,
-  ...I
+  rowHeight: j,
+  ...T
 }) => {
-  const { getEntityById: M, onOpenPlayer: f } = he(), {
-    isCellSelected: v,
-    isCellFocused: T,
+  const { getEntityById: I, onOpenPlayer: f } = Se(), {
+    isCellSelected: D,
+    isCellFocused: M,
     startSelection: i,
-    extendSelection: u,
-    endSelection: y,
-    selectCell: b,
-    focusCell: j,
-    getCellBorderClasses: C,
-    clearSelection: E,
-    selectedCells: w,
-    setSelectedCells: F,
-    setAnchorCell: O,
-    setFocusedCellId: D
-  } = Tt(), { isRowSelected: _ } = Co(), { isEditing: V, setEditingCellId: P, editingCellId: m } = ue(), z = C(r), Y = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), K = t.column.id === N, it = t.row.original.entityType === "group", yt = w.size > 1;
+    extendSelection: d,
+    endSelection: C,
+    selectCell: w,
+    focusCell: v,
+    getCellBorderClasses: y,
+    clearSelection: H,
+    selectedCells: S,
+    setSelectedCells: U,
+    setAnchorCell: k,
+    setFocusedCellId: z
+  } = Pt(), { isRowSelected: N } = Vo(), { isEditing: K, setEditingCellId: L, editingCellId: E } = xe(), V = y(n), R = o.column.getIsPinned() === "left" && o.column.getIsLastColumn("left"), u = o.column.id === F, O = o.row.original.entityType === "group", B = S.size > 1;
   return /* @__PURE__ */ e.jsx(
-    Pt,
+    Lt,
     {
-      ...I,
+      ...T,
       tabIndex: 0,
-      $isLastPinned: Y,
+      $isLastPinned: R,
       className: A(
-        t.column.id,
+        o.column.id,
         {
-          selected: v(r),
-          focused: T(r),
-          editing: V(r),
-          "last-pinned-left": Y,
-          "selected-row": _(s),
-          expandable: !!t.row.originalSubRows && to(t.row.original.entityType),
-          "multiple-selected": yt
+          selected: D(n),
+          focused: M(n),
+          editing: K(n),
+          "last-pinned-left": R,
+          "selected-row": N(g),
+          expandable: !!o.row.originalSubRows && yo(o.row.original.entityType),
+          "multiple-selected": B
         },
         a,
-        ...z
+        ...V
       ),
       style: {
-        ...ft(t.column),
-        width: ht(t.row.id, t.column.id),
-        height: R
+        ...bt(o.column),
+        width: xt(o.column.id),
+        height: j
       },
-      onMouseDown: (g) => {
-        if (g.button !== 0) return;
-        const U = g.target;
-        if (U.closest(".expander") || U.closest(".options")) return;
-        if (g.detail === 2) {
-          if (Do(g) || oe(t.row.original.entityType) || it) {
-            g.preventDefault();
+      onMouseDown: (c) => {
+        if (c.button !== 0) return;
+        const X = c.target;
+        if (X.closest(".expander") || X.closest(".options")) return;
+        if (c.detail === 2) {
+          if (Xo(c) || me(o.row.original.entityType) || O) {
+            c.preventDefault();
             return;
           }
-          if (t.column.id === "name" && !U.closest(".expander")) {
-            const L = Mt(t.row.id, N), Q = g.metaKey || g.ctrlKey, B = fe(L);
-            F(($) => {
-              const Z = Q ? new Set($) : /* @__PURE__ */ new Set();
-              return Z.add(L), Z.add(r), Z;
-            }), B && (O(B), D(L));
-          } else if (t.column.id === "thumbnail") {
+          if (o.column.id === "name" && !X.closest(".expander")) {
+            const $ = Et(o.row.id, F), et = c.metaKey || c.ctrlKey, pt = we($);
+            U((_) => {
+              const ot = et ? new Set(_) : /* @__PURE__ */ new Set();
+              return ot.add($), ot.add(n), ot;
+            }), pt && (k(pt), z($));
+          } else if (o.column.id === "thumbnail") {
             if (f) {
-              const L = M(t.row.original.entityId || t.row.id);
-              if (L) {
-                const Q = zo(L);
-                f(Q, { quickView: !0 });
+              const $ = I(o.row.original.entityId || o.row.id);
+              if ($) {
+                const et = Qo($);
+                f(et, { quickView: !0 });
               }
             }
           } else
-            P(r);
-          g.preventDefault();
+            L(n);
+          c.preventDefault();
           return;
         }
-        if (it && t.column.id !== "name") return E();
-        const Ct = oe(t.row.original.entityType);
-        if (U.closest("." + ie) && !Ct) {
-          v(r) || (b(r, !1, !1), j(r)), P(r);
+        if (O && o.column.id !== "name") return H();
+        const wt = me(o.row.original.entityType);
+        if (X.closest("." + ae) && !wt) {
+          D(n) || (w(n, !1, !1), v(n)), L(n);
           return;
         }
-        if (m && m !== r) {
+        if (E && E !== n) {
           const W = document.querySelector(
-            `#${m} input, #${m} [role="textbox"]`
+            `#${E} input, #${E} [role="textbox"]`
           );
           if (W) {
             W.blur(), setTimeout(() => {
-              k();
+              at();
             }, 0);
             return;
           }
         }
-        k();
-        function k() {
-          const W = g.metaKey || g.ctrlKey || K;
-          g.shiftKey ? b(r, W, !0) : i(r, W), g.preventDefault();
+        at();
+        function at() {
+          const W = c.metaKey || c.ctrlKey || u;
+          c.shiftKey ? w(n, W, !0) : i(n, W), c.preventDefault();
         }
       },
-      onMouseOver: (g) => {
-        if (g.buttons === 1) {
-          if (g.target.closest("." + ie)) return;
-          u(r, K);
+      onMouseOver: (c) => {
+        if (c.buttons === 1) {
+          if (c.target.closest("." + ae)) return;
+          d(n, u);
         }
       },
       onMouseUp: () => {
-        y(r);
+        C(n);
       },
-      onDoubleClick: (g) => {
-        g.preventDefault();
+      onDoubleClick: (c) => {
+        c.preventDefault();
       },
-      onContextMenu: (g) => {
-        g.preventDefault(), v(r) || b(r, !1, !1);
+      onContextMenu: (c) => {
+        c.preventDefault(), D(n) || w(n, !1, !1);
       },
       onKeyDown: () => {
       },
-      children: Dt(t.column.columnDef.cell, t.getContext())
+      children: zt(o.column.columnDef.cell, o.getContext())
     }
   );
 };
 export {
-  G as DRAG_HANDLE_COLUMN_ID,
-  gm as ProjectTreeTable
+  $m as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map