@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

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

@@ -1,40 +1,40 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { memo as ge, useMemo as D, useRef as Ht, useCallback as et, useEffect as tt } from "react";
-import { useVirtualizer as fe } from "@tanstack/react-virtual";
-import { flexRender as kt, useReactTable as he, filterFns as Ce, getSortedRowModel as ye, getExpandedRowModel as xe, getFilteredRowModel as be, getCoreRowModel as we } from "@tanstack/react-table";
-import E from "clsx";
-import Se from "./buildTreeTableColumns.es.js";
-import { TableCell as gt, TableWrapper as Re, TableContainer as je, TR as At, TableHeader as Te, ColumnHeader as Me, HeaderCell as ze, TableCellContent as Ie, HeaderButtons as Pe, ResizedHandler as ve } from "./ProjectTreeTable.styled.es.js";
-import De from "./components/HeaderActionButton.es.js";
-import Ee from "./components/RowDragHandleCellContent.es.js";
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { memo as Me, useRef as lt, useMemo as N, useCallback as mt, useEffect as yt } from "react";
+import { useVirtualizer as ze } from "@tanstack/react-virtual";
+import { flexRender as Gt, useReactTable as Ie, filterFns as Pe, getSortedRowModel as ve, getExpandedRowModel as De, getFilteredRowModel as Ee, getCoreRowModel as Le } from "@tanstack/react-table";
+import H from "clsx";
+import Ne, { isEntityExpandable as He } from "./buildTreeTableColumns.es.js";
+import { TableCell as wt, TableWrapper as ke, TableContainer as Oe, TR as Xt, TableHeader as Ae, AnimatedEmptyPlaceholder as Bt, ColumnHeader as Fe, HeaderCell as Ve, TableCellContent as _e, HeaderButtons as $e, ResizedHandler as Be } from "./ProjectTreeTable.styled.es.js";
+import Ke from "./components/HeaderActionButton.es.js";
+import Ue from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
-import { ColumnHeaderMenu as Le } from "./components/ColumnHeaderMenu.es.js";
-import { EmptyPlaceholder as Ne } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { ColumnHeaderMenu as We } from "./components/ColumnHeaderMenu.es.js";
+import { EmptyPlaceholder as Kt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useCellEditing as Vt } from "./context/CellEditingContext.es.js";
-import { useSelectionCellsContext as ct, ROW_SELECTION_COLUMN_ID as A } from "./context/SelectionCellsContext.es.js";
-import { ClipboardProvider as Oe } from "./context/ClipboardContext.es.js";
-import { useSelectedRowsContext as He } from "./context/SelectedRowsContext.es.js";
-import { useColumnSettingsContext as ke } from "./context/ColumnSettingsContext.es.js";
-import { useMenuContext as Ae } from "../../context/MenuContext.es.js";
-import Ve from "./hooks/useCustomColumnWidthVars.es.js";
-import { usePrefetchFolderTasks as Fe } from "./hooks/usePrefetchFolderTasks.es.js";
-import Be from "./hooks/useCellContextMenu.es.js";
-import $e from "./hooks/useColumnVirtualization.es.js";
-import _e from "./hooks/useKeyboardNavigation.es.js";
-import Ge from "./hooks/useDynamicRowHeight.es.js";
-import { EntityPickerDialog as Ke } from "../EntityPickerDialog/EntityPickerDialog.es.js";
-import { useMoveEntities as Ue } from "./hooks/useMoveEntities.es.js";
+import { useCellEditing as Yt } from "./context/CellEditingContext.es.js";
+import { useSelectionCellsContext as xt, ROW_SELECTION_COLUMN_ID as $ } from "./context/SelectionCellsContext.es.js";
+import { ClipboardProvider as qe } from "./context/ClipboardContext.es.js";
+import { useSelectedRowsContext as Ge } from "./context/SelectedRowsContext.es.js";
+import { useColumnSettingsContext as Xe } from "./context/ColumnSettingsContext.es.js";
+import { useMenuContext as Ye } from "../../context/MenuContext.es.js";
+import Je from "./hooks/useCustomColumnWidthVars.es.js";
+import { usePrefetchFolderTasks as Qe } from "./hooks/usePrefetchFolderTasks.es.js";
+import Ze from "./hooks/useCellContextMenu.es.js";
+import to from "./hooks/useColumnVirtualization.es.js";
+import eo from "./hooks/useKeyboardNavigation.es.js";
+import oo from "./hooks/useDynamicRowHeight.es.js";
+import { EntityPickerDialog as io } from "../EntityPickerDialog/EntityPickerDialog.es.js";
+import { useMoveEntities as ro } from "./hooks/useMoveEntities.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
-import { Icon as Ft } from "@ynput/ayon-react-components";
+import { Icon as Jt, Button as Ut } from "@ynput/ayon-react-components";
 /* empty css                                 */
-import { createPortal as Bt } from "react-dom";
+import { createPortal as bt } from "react-dom";
 import "../Feed/context/FeedContext.es.js";
 import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "lodash";
-import { toast as We } from "react-toastify";
+import { upperFirst as no } from "lodash";
+import { toast as so } from "react-toastify";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
@@ -59,6 +59,7 @@ import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -76,13 +77,14 @@ import "../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import { generateDummyAttributes as qe, generateLoadingRows as Xe } from "./utils/loadingUtils.es.js";
-import { getTableFieldOptions as Ye } from "./utils/getTableFieldOptions.es.js";
-import { getReadOnlyLists as Je } from "./utils/getReadOnlyLists.es.js";
-import { getCellId as ft, parseCellId as Qe } from "./utils/cellUtils.es.js";
-import { getEntityViewierIds as Ze } from "./utils/getEntityViewerIds.es.js";
+import { generateDummyAttributes as lo, generateLoadingRows as mo } from "./utils/loadingUtils.es.js";
+import { getTableFieldOptions as ao } from "./utils/getTableFieldOptions.es.js";
+import { getReadOnlyLists as po } from "./utils/getReadOnlyLists.es.js";
+import { getCellId as Rt, parseCellId as co } from "./utils/cellUtils.es.js";
+import { getEntityViewierIds as uo } from "./utils/getEntityViewerIds.es.js";
+import { isEntityRestricted as Wt } from "./utils/restrictedEntity.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
-import { useProjectTableContext as $t } from "./context/ProjectTableContext.es.js";
+import { useProjectTableContext as Qt } from "./context/ProjectTableContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
@@ -149,6 +151,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -170,20 +173,20 @@ import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "./components/GroupSettingsFallback.es.js";
-import { useProjectDataContext as to } from "./context/ProjectDataContext.es.js";
+import { useProjectDataContext as go } from "./context/ProjectDataContext.es.js";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
 import "./widgets/TextWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
-import { EDIT_TRIGGER_CLASS as eo } from "./widgets/CellWidget.es.js";
+import { EDIT_TRIGGER_CLASS as qt } from "./widgets/CellWidget.es.js";
 import "./widgets/EntityNameWidget.es.js";
 import "./widgets/GroupHeaderWidget.es.js";
 import "./widgets/ThumbnailWidget.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import { DragOverlay as oo } from "@dnd-kit/core";
-import { SortableContext as io, verticalListSortingStrategy as ro, useSortable as no } from "@dnd-kit/sortable";
-import { CSS as so } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import { DragOverlay as fo } from "@dnd-kit/core";
+import { SortableContext as ho, verticalListSortingStrategy as Co, useSortable as yo } from "@dnd-kit/sortable";
+import { CSS as xo } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
@@ -207,11 +210,13 @@ import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../components/SizeSlider/SizeSlider.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/SearchFilter/filterDates.es.js";
+import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
@@ -224,7 +229,13 @@ import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../components/LinksManager/CellEditingDialog.es.js";
+import "./widgets/EmptyWidget.es.js";
+import "./widgets/ErrorWidget.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -239,138 +250,153 @@ import "../Views/context/ViewsContext.es.js";
 import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
-const ot = (t) => {
-  const m = t.getIsPinned(), r = t.id !== A && t.id !== B ? -30 : 0;
+const at = (t) => {
+  const a = t.getIsPinned(), i = t.id !== $ && t.id !== X ? -30 : 0;
   return {
-    left: m === "left" ? `${t.getStart("left") + r}px` : void 0,
+    left: a === "left" ? `${t.getStart("left") + i}px` : void 0,
     // Removed offset
-    right: m === "right" ? `${t.getAfter("right")}px` : void 0,
-    position: m ? "sticky" : "relative",
+    right: a === "right" ? `${t.getAfter("right")}px` : void 0,
+    position: a ? "sticky" : "relative",
     width: t.getSize(),
-    zIndex: m ? 100 : 0
+    zIndex: a ? 100 : 0
   };
-}, it = (t, m) => `calc(var(--col-${m}-size) * 1px)`, B = "drag-handle", Fs = ({
+}, pt = (t, a) => `calc(var(--col-${a}-size) * 1px)`, X = "drag-handle", al = ({
   scope: t,
-  sliceId: m,
-  onScroll: r,
-  onScrollBottom: C,
+  sliceId: a,
+  onScroll: i,
+  onScrollBottom: f,
   // when the user scrolls to the bottom of the table, this callback is called
-  onOpenNew: x,
-  readOnly: y,
-  excludedColumns: b,
-  extraColumns: w,
+  onOpenNew: y,
+  readOnly: h,
+  excludedColumns: x,
+  excludedSorting: w,
+  extraColumns: R,
+  includeLinks: n,
   isLoading: S,
-  clientSorting: n = !1,
-  sortableRows: p = !1,
-  onRowReorder: I,
-  dndActiveId: i,
+  isExpandable: T,
+  clientSorting: s = !1,
+  sortableRows: c = !1,
+  onRowReorder: U,
+  dndActiveId: d,
   // Destructure new prop
-  pt: g,
-  ...H
+  columnsConfig: k,
+  onScrollBottomGroupBy: u,
+  // Destructure new prop for group-by load more
+  contextMenuItems: W,
+  // Additional context menu items from props
+  pt: p,
+  ...Y
 }) => {
-  var Ot;
+  var $t;
   const {
-    columnVisibility: T,
-    columnPinning: R,
-    columnOrder: f,
-    columnSizing: P,
-    setAllColumns: u,
-    sorting: $,
-    sortingOnChange: _,
-    columnPinningOnChange: V,
-    columnSizingOnChange: a,
-    columnVisibilityOnChange: L,
-    columnOrderOnChange: j,
-    groupBy: v
-  } = ke(), N = !!v, {
-    projectInfo: rt,
-    tableData: c,
-    attribFields: h,
-    entitiesMap: O,
-    users: ht,
-    isLoading: Gt,
-    error: Kt,
-    isInitialized: nt,
-    expanded: Ut,
-    projectName: U,
-    updateExpanded: Ct,
-    toggleExpandAll: Wt,
-    showHierarchy: k,
-    fetchNextPage: qt,
-    scopes: yt,
-    getEntityById: xt
-  } = $t(), { projectName: Xt, writableFields: bt } = to(), W = S || Gt, {
-    statuses: wt = [],
-    folderTypes: St = [],
-    taskTypes: Rt = [],
-    tags: jt = [],
-    linkTypes: Yt = []
-  } = rt || {}, q = D(
-    () => Ye({
-      users: ht,
-      statuses: wt,
-      folderTypes: St,
-      taskTypes: Rt,
-      tags: jt,
-      scopes: yt
+    columnVisibility: O,
+    columnPinning: M,
+    columnOrder: z,
+    columnSizing: A,
+    setAllColumns: B,
+    sorting: g,
+    sortingOnChange: v,
+    columnPinningOnChange: I,
+    columnSizingOnChange: q,
+    columnVisibilityOnChange: K,
+    columnOrderOnChange: C,
+    groupBy: j
+  } = Xe(), D = !!j, {
+    projectInfo: F,
+    tableData: V,
+    attribFields: E,
+    entitiesMap: te,
+    users: St,
+    isLoading: ee,
+    error: oe,
+    isInitialized: dt,
+    expanded: ie,
+    projectName: tt,
+    updateExpanded: jt,
+    toggleExpandAll: re,
+    showHierarchy: _,
+    fetchNextPage: ne,
+    scopes: G,
+    // or entityTypes
+    getEntityById: Tt,
+    onResetView: se
+  } = Qt(), { projectName: le, writableFields: Mt } = go(), J = S || ee, {
+    statuses: zt = [],
+    folderTypes: It = [],
+    taskTypes: Pt = [],
+    tags: vt = [],
+    linkTypes: Dt = []
+  } = F || {}, et = N(
+    () => ao({
+      users: St,
+      statuses: zt,
+      folderTypes: It,
+      taskTypes: Pt,
+      tags: vt,
+      scopes: G
     }),
-    [ht, wt, St, Rt, yt, jt]
-  ), X = Ht(null), Tt = Ht(0), { registerGrid: Mt } = ct(), { loadingAttrib: zt, loadingRows: Jt } = D(() => {
-    var s;
-    const e = ((s = X.current) == null ? void 0 : s.querySelectorAll("tbody tr").length) || 0, d = qe(), l = Xe(
-      h,
-      k && c.length > 0 ? Math.min(e, 50) : v ? Math.max(Tt.current, 50) : 50
+    [St, zt, It, Pt, G, vt]
+  ), ot = lt(null), Et = lt(0), { registerGrid: Lt } = xt(), { loadingAttrib: Nt, loadingRows: me } = N(() => {
+    var r;
+    const o = ((r = ot.current) == null ? void 0 : r.querySelectorAll("tbody tr").length) || 0, m = lo(), l = mo(
+      _ && V.length > 0 ? Math.min(o, 50) : j ? Math.max(Et.current, 50) : 50
     );
-    return { loadingAttrib: d, loadingRows: l };
-  }, []), Qt = !nt || W, { readOnlyColumns: It, readOnlyAttribs: Zt } = D(
-    () => Je(h, bt, y),
-    [h, bt, y]
-  ), { selectedCells: st } = ct(), { updateEntities: Pt } = Vt(), te = et(
-    async (e, d) => {
-      const { selection: l = [] } = d || {}, s = [];
+    return { loadingAttrib: m, loadingRows: l };
+  }, []), ae = !dt || J, { readOnlyColumns: Ht, readOnlyAttribs: pe } = N(
+    () => po(E, Mt, h),
+    [E, Mt, h]
+  ), { selectedCells: ct } = xt(), { updateEntities: kt } = Yt(), de = mt(
+    async (o, m) => {
+      const { selection: l = [] } = m || {}, r = [];
       if (!(l != null && l.length))
-        s.push({ ...e, id: e.rowId });
+        r.push({ ...o, id: o.rowId });
       else {
-        const { field: z, value: at, isAttrib: pt, type: dt } = e;
-        for (const Q of st) {
-          const { colId: F, rowId: Z } = Qe(Q) || {}, ut = xt(Z || "");
-          if (!ut) {
-            console.warn(`Entity with ID ${Z} not found for cell update.`);
+        const { field: b, value: ft, isAttrib: ht } = o;
+        for (const nt of ct) {
+          const { colId: L, rowId: st } = co(nt) || {};
+          if (L === $) continue;
+          const Ct = Tt(st || "");
+          if (!Ct) {
+            console.warn(`Entity with ID ${st} not found for cell update.`);
             continue;
           }
-          (!(F != null && F.includes("attrib_")) || (F == null ? void 0 : F.replace("attrib_", "")) === z) && Z && s.push({
-            field: z,
-            rowId: Z,
-            id: ut.entityId,
-            value: at,
-            isAttrib: pt,
-            type: ut.entityType
+          (!(L != null && L.includes("attrib_")) || (L == null ? void 0 : L.replace("attrib_", "")) === b) && st && r.push({
+            field: b,
+            rowId: st,
+            id: Ct.entityId,
+            value: ft,
+            isAttrib: ht,
+            type: Ct.entityType
           });
         }
       }
-      if (!s.length) {
-        console.warn("No entities to update, skipping updateEntities call."), We.warn("No entities to update.");
+      if (!r.length) {
+        console.warn("No entities to update, skipping updateEntities call."), so.warn("No entities to update.");
         return;
       }
-      await Pt(s, !0);
+      await kt(r, !0);
     },
-    [Pt, xt, st]
-  ), vt = D(
-    () => nt ? h : zt,
-    [h, zt, nt]
-  ), lt = D(() => {
-    const e = Se({
-      attribs: vt,
-      links: Yt,
-      showHierarchy: k,
-      options: q,
-      extraColumns: w,
-      excluded: b,
-      groupBy: v
+    [kt, Tt, ct]
+  ), Ot = N(
+    () => dt ? E : Nt,
+    [E, Nt, dt]
+  ), ce = () => G.includes("version") ? "Product / Version" : G.map((o) => no(o)).join(" / "), ut = N(() => {
+    const o = Ne({
+      scopes: G,
+      attribs: Ot,
+      links: Dt,
+      includeLinks: n,
+      showHierarchy: _,
+      options: et,
+      extraColumns: R,
+      excluded: x,
+      excludedSorting: w,
+      groupBy: j,
+      nameLabel: ce()
     });
-    return p ? [
+    return c ? [
       {
-        id: B,
+        id: X,
         header: () => null,
         cell: () => null,
         // Content rendered by TableBodyRow
@@ -383,187 +409,207 @@ const ot = (t) => {
         enablePinning: !1
         // Programmatically pinned
       },
-      ...e
-    ] : e;
-  }, [vt, k, q, w, b, p]);
-  tt(() => {
-    const e = lt.map((d) => d.id).filter(Boolean);
-    u(e);
-  }, [lt, u]);
-  const M = he({
-    data: Qt ? Jt : c,
-    columns: lt,
+      ...o
+    ] : o;
+  }, [
+    G,
+    Ot,
+    _,
+    T,
+    et,
+    Dt,
+    n,
+    R,
+    x,
+    w,
+    c
+  ]);
+  yt(() => {
+    const o = ut.map((m) => m.id).filter(Boolean);
+    B(o);
+  }, [ut, B]);
+  const P = Ie({
+    data: ae ? me : V,
+    columns: ut,
     defaultColumn: {
       minSize: 50,
       size: 150
     },
     enableRowSelection: !0,
     //enable row selection for all rows
-    getRowId: (e) => e.id,
+    getRowId: (o) => o.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    getSubRows: (e) => e.subRows,
-    getRowCanExpand: () => !0,
-    getCoreRowModel: we(),
-    getFilteredRowModel: be(),
-    getExpandedRowModel: xe(),
+    getSubRows: (o) => o.subRows,
+    getRowCanExpand: () => !!T || _ || D,
+    getCoreRowModel: Le(),
+    getFilteredRowModel: Ee(),
+    getExpandedRowModel: De(),
     filterFromLeafRows: !0,
     // EXPANDABLE
-    onExpandedChange: Ct,
+    onExpandedChange: jt,
     // SORTING
     enableSorting: !0,
-    getSortedRowModel: ye(),
+    getSortedRowModel: ve(),
     sortDescFirst: !1,
-    manualSorting: !n,
-    onSortingChange: _,
+    manualSorting: !s,
+    onSortingChange: v,
     columnResizeMode: "onChange",
-    onColumnPinningChange: V,
-    onColumnSizingChange: a,
-    onColumnVisibilityChange: L,
-    onColumnOrderChange: j,
+    onColumnPinningChange: I,
+    onColumnSizingChange: q,
+    onColumnVisibilityChange: K,
+    onColumnOrderChange: C,
     // @ts-ignore
-    filterFns: Ce,
+    filterFns: Pe,
     state: {
-      expanded: Ut,
-      sorting: $,
+      expanded: ie,
+      sorting: g,
       columnPinning: (() => {
-        const e = [];
-        p && e.push(B), e.push(A);
-        const d = (R.left || []).filter(
-          (s) => s !== B && s !== A
+        const o = [];
+        c && o.push(X), o.push($);
+        const m = (M.left || []).filter(
+          (r) => r !== X && r !== $
         );
-        return e.push(...d), {
-          left: [...new Set(e)],
-          right: R.right
+        return o.push(...m), {
+          left: [...new Set(o)],
+          right: M.right
         };
       })(),
-      columnSizing: P,
-      columnVisibility: T,
-      columnOrder: f
+      columnSizing: A,
+      columnVisibility: O,
+      columnOrder: z
     },
     meta: {
-      projectName: U,
-      options: q,
-      readOnly: It,
-      updateEntities: te,
-      toggleExpandAll: Wt,
-      loadMoreTasks: qt,
-      selection: Array.from(st)
+      projectName: tt,
+      options: et,
+      readOnly: Ht,
+      updateEntities: de,
+      toggleExpandAll: re,
+      loadMoreRows: ne,
+      selection: Array.from(ct),
+      columnsConfig: k
     }
-  }), { rows: G } = M.getRowModel();
-  tt(() => {
-    Tt.current = G.length;
-  }, [G.length]), tt(() => {
-    if (!G.length) return;
-    const e = G.map((s) => s.id), l = [...M.getAllLeafColumns().map((s) => s.id)].sort((s, z) => {
-      var dt, Q;
-      if (A === z) return 1;
-      const at = (dt = R.left) != null && dt.includes(s) ? 0 : 1, pt = (Q = R.left) != null && Q.includes(z) ? 0 : 1;
-      return at - pt;
+  }), { rows: Q } = P.getRowModel();
+  yt(() => {
+    Et.current = Q.length;
+  }, [Q.length]), yt(() => {
+    if (!Q.length) return;
+    const o = Q.map((r) => r.id), l = [...P.getAllLeafColumns().map((r) => r.id)].sort((r, b) => {
+      var nt, L;
+      if ($ === b) return 1;
+      const ft = (nt = M.left) != null && nt.includes(r) ? 0 : 1, ht = (L = M.left) != null && L.includes(b) ? 0 : 1;
+      return ft - ht;
     });
-    Mt(e, l);
-  }, [G, M.getAllLeafColumns(), R, A, Mt]);
-  const Dt = M.getVisibleLeafColumns(), { columnVirtualizer: mt, virtualPaddingLeft: Y, virtualPaddingRight: J } = $e({
-    visibleColumns: Dt,
-    tableContainerRef: X,
-    columnPinning: R,
-    columnSizing: P,
-    columnOrder: f
-  }), Et = Ve(M, P), { getRowHeight: ee, defaultRowHeight: Lt } = Ge(), oe = D(() => h.reduce((e, d) => {
-    var l, s, z;
-    return (s = (l = d.data) == null ? void 0 : l.enum) != null && s.length && (e[d.name] = (z = d.data) == null ? void 0 : z.enum), e;
-  }, {}), [h]), ie = D(() => c.map((e) => e.id), [c]), re = D(() => !i || !p ? null : c.find((e) => e.id === i), [i, c, p]), ne = et(
-    (e) => {
-      if (r == null || r(e), C) {
-        const d = e.currentTarget;
-        if (d && !k && !v) {
-          const { scrollHeight: l, scrollTop: s, clientHeight: z } = d;
-          l - s - z < 500 && !W && C(e);
+    Lt(o, l);
+  }, [Q, P.getAllLeafColumns(), M, $, Lt]);
+  const At = P.getVisibleLeafColumns(), { columnVirtualizer: gt, virtualPaddingLeft: it, virtualPaddingRight: rt } = to({
+    visibleColumns: At,
+    tableContainerRef: ot,
+    columnPinning: M,
+    columnSizing: A,
+    columnOrder: z
+  }), Ft = Je(P, A), { getRowHeight: ue, defaultRowHeight: Vt } = oo(), ge = N(() => E.reduce((o, m) => {
+    var l, r, b;
+    return (r = (l = m.data) == null ? void 0 : l.enum) != null && r.length && (o[m.name] = (b = m.data) == null ? void 0 : b.enum), o;
+  }, {}), [E]), fe = N(() => V.map((o) => o.id), [V]), he = N(() => !d || !c ? null : V.find((o) => o.id === d), [d, V, c]), Ce = mt(
+    (o) => {
+      if (i == null || i(o), f) {
+        const m = o.currentTarget;
+        if (m && !_ && !j) {
+          const { scrollHeight: l, scrollTop: r, clientHeight: b } = m;
+          l - r - b < 500 && !J && f(o);
         }
       }
+      if (u && j) {
+        const m = o.currentTarget, l = m == null ? void 0 : m.querySelector(".load-more"), r = l == null ? void 0 : l.getAttribute("id"), b = r == null ? void 0 : r.split("-")[2];
+        b && u(b);
+      }
     },
-    [r, C, k, v, W]
+    [i, f, u, _, j, J]
   ), {
-    isEntityPickerOpen: se,
-    handleMoveSubmit: le,
-    closeMoveDialog: me,
-    movingEntities: K,
-    handleMoveToRoot: ae,
-    getDisabledFolderIds: pe,
-    getDisabledMessage: de
-  } = Ue({
-    projectName: Xt || U || ""
-  }), ue = (e) => {
-    le(e);
-    const d = e[0];
-    Ct((l) => typeof l == "boolean" ? l || { [d]: !0 } : l[d] ? l : {
+    isEntityPickerOpen: ye,
+    handleMoveSubmit: xe,
+    closeMoveDialog: be,
+    movingEntities: Z,
+    handleMoveToRoot: we,
+    getDisabledFolderIds: Re,
+    getDisabledMessage: Se
+  } = ro({
+    projectName: le || tt || ""
+  }), je = (o) => {
+    xe(o);
+    const m = o[0];
+    jt((l) => typeof l == "boolean" ? l || { [m]: !0 } : l[m] ? l : {
       ...l,
-      [d]: !0
+      [m]: !0
     });
-  }, Nt = /* @__PURE__ */ o.jsxs(
-    Oe,
+  }, _t = /* @__PURE__ */ e.jsxs(
+    qe,
     {
-      entitiesMap: O,
-      columnEnums: { ...q, ...oe },
-      columnReadOnly: Zt,
-      visibleColumns: Dt,
+      entitiesMap: te,
+      columnEnums: { ...et, ...ge },
+      columnReadOnly: pe,
+      visibleColumns: At,
       children: [
-        /* @__PURE__ */ o.jsx(Re, { ...H, children: /* @__PURE__ */ o.jsx(
-          je,
+        /* @__PURE__ */ e.jsx(ke, { ...Y, children: /* @__PURE__ */ e.jsx(
+          Oe,
           {
-            ref: X,
+            ref: ot,
             style: { height: "100%", padding: 0 },
-            onScroll: ne,
-            ...g == null ? void 0 : g.container,
-            className: E(
+            onScroll: Ce,
+            ...p == null ? void 0 : p.container,
+            className: H(
               "table-container",
               {
-                resizing: M.getState().columnSizingInfo.isResizingColumn
+                resizing: P.getState().columnSizingInfo.isResizingColumn
               },
-              (Ot = g == null ? void 0 : g.container) == null ? void 0 : Ot.className
+              ($t = p == null ? void 0 : p.container) == null ? void 0 : $t.className
             ),
-            children: /* @__PURE__ */ o.jsxs(
+            children: /* @__PURE__ */ e.jsxs(
               "table",
               {
                 style: {
                   display: "grid",
                   borderCollapse: "collapse",
                   userSelect: "none",
-                  ...Et,
-                  width: M.getTotalSize(),
-                  cursor: M.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
+                  ...Ft,
+                  width: P.getTotalSize(),
+                  cursor: P.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
                 },
                 children: [
-                  /* @__PURE__ */ o.jsx(
-                    lo,
+                  /* @__PURE__ */ e.jsx(
+                    bo,
                     {
-                      columnVirtualizer: mt,
-                      table: M,
-                      virtualPaddingLeft: Y,
-                      virtualPaddingRight: J,
-                      isLoading: W,
-                      readOnlyColumns: It,
-                      sortableRows: p,
-                      ...g == null ? void 0 : g.head
+                      columnVirtualizer: gt,
+                      table: P,
+                      virtualPaddingLeft: it,
+                      virtualPaddingRight: rt,
+                      isLoading: J,
+                      readOnlyColumns: Ht,
+                      sortableRows: c,
+                      ...p == null ? void 0 : p.head
                     }
                   ),
-                  /* @__PURE__ */ o.jsx(
-                    po,
+                  /* @__PURE__ */ e.jsx(
+                    So,
                     {
-                      columnVirtualizer: mt,
-                      table: M,
-                      tableContainerRef: X,
-                      virtualPaddingLeft: Y,
-                      virtualPaddingRight: J,
-                      showHierarchy: k,
-                      attribs: h,
-                      onOpenNew: x,
-                      rowOrderIds: ie,
-                      sortableRows: p,
-                      error: Kt,
-                      isGrouping: N,
-                      getRowHeight: ee,
-                      defaultRowHeight: Lt
+                      columnVirtualizer: gt,
+                      table: P,
+                      tableContainerRef: ot,
+                      virtualPaddingLeft: it,
+                      virtualPaddingRight: rt,
+                      showHierarchy: _,
+                      attribs: E,
+                      onOpenNew: y,
+                      rowOrderIds: fe,
+                      sortableRows: c,
+                      error: oe,
+                      isLoading: J,
+                      isGrouping: D,
+                      getRowHeight: ue,
+                      defaultRowHeight: Vt,
+                      onResetView: se,
+                      contextMenuItems: W
                     }
                   )
                 ]
@@ -571,203 +617,203 @@ const ot = (t) => {
             )
           }
         ) }),
-        se && U && (K == null ? void 0 : K.entities) && K.entities.length > 0 && /* @__PURE__ */ o.jsx(
-          Ke,
+        ye && tt && (Z == null ? void 0 : Z.entities) && Z.entities.length > 0 && /* @__PURE__ */ e.jsx(
+          io,
           {
-            projectName: U,
+            projectName: tt,
             entityType: "folder",
-            onSubmit: ue,
-            onClose: me,
-            showMoveToRoot: K.entities.every(
-              (e) => e.entityType === "folder"
+            onSubmit: je,
+            onClose: be,
+            showMoveToRoot: Z.entities.every(
+              (o) => o.entityType === "folder"
             ),
-            onMoveToRoot: ae,
-            disabledIds: pe(),
-            getDisabledMessage: de
+            onMoveToRoot: we,
+            disabledIds: Re(),
+            getDisabledMessage: Se
           }
         )
       ]
     }
-  ), ce = p && i && Bt(
-    /* @__PURE__ */ o.jsx(oo, { dropAnimation: null, children: re ? (() => {
-      const e = M.getRowModel().rows.find((l) => l.id === i);
-      if (!e) return null;
-      const d = M.getTotalSize();
-      return /* @__PURE__ */ o.jsx(
+  ), Te = c && d && bt(
+    /* @__PURE__ */ e.jsx(fo, { dropAnimation: null, children: he ? (() => {
+      const o = P.getRowModel().rows.find((l) => l.id === d);
+      if (!o) return null;
+      const m = P.getTotalSize();
+      return /* @__PURE__ */ e.jsx(
         "table",
         {
           style: {
-            width: d,
+            width: m,
             borderCollapse: "collapse",
             backgroundColor: "var(--md-sys-color-surface-container-high)",
             boxShadow: "0 0 10px rgba(0,0,0,0.2)",
-            ...Et
+            ...Ft
           },
-          children: /* @__PURE__ */ o.jsx("tbody", { children: /* @__PURE__ */ o.jsxs(At, { style: { display: "flex", userSelect: "none" }, children: [
-            Y ? /* @__PURE__ */ o.jsx("td", { style: { display: "flex", width: Y } }) : null,
-            mt.getVirtualItems().map((l) => {
-              const s = e.getVisibleCells()[l.index];
-              if (!s) return null;
-              const z = {
-                ...ot(s.column),
-                width: it(e.id, s.column.id),
+          children: /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsxs(Xt, { style: { display: "flex", userSelect: "none" }, children: [
+            it ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: it } }) : null,
+            gt.getVirtualItems().map((l) => {
+              const r = o.getVisibleCells()[l.index];
+              if (!r) return null;
+              const b = {
+                ...at(r.column),
+                width: pt(o.id, r.column.id),
                 display: "flex",
                 alignItems: "center",
-                height: Lt
+                height: Vt
               };
-              return s.column.id === B ? /* @__PURE__ */ o.jsxs(
-                gt,
+              return r.column.id === X ? /* @__PURE__ */ e.jsxs(
+                wt,
                 {
-                  style: { ...z, justifyContent: "center" },
-                  className: E(s.column.id),
+                  style: { ...b, justifyContent: "center" },
+                  className: H(r.column.id),
                   children: [
-                    /* @__PURE__ */ o.jsx(Ft, { icon: "drag_handle" }),
+                    /* @__PURE__ */ e.jsx(Jt, { icon: "drag_handle" }),
                     " "
                   ]
                 },
-                `overlay-drag-${s.id}`
-              ) : /* @__PURE__ */ o.jsx(
-                _t,
+                `overlay-drag-${r.id}`
+              ) : /* @__PURE__ */ e.jsx(
+                Zt,
                 {
-                  cell: s,
-                  cellId: `overlay-${ft(e.id, s.column.id)}`,
-                  rowId: e.id,
-                  showHierarchy: k
+                  cell: r,
+                  cellId: `overlay-${Rt(o.id, r.column.id)}`,
+                  rowId: o.id,
+                  showHierarchy: _
                 },
-                `overlay-cell-${s.id}`
+                `overlay-cell-${r.id}`
               );
             }),
-            J ? /* @__PURE__ */ o.jsx("td", { style: { display: "flex", width: J } }) : null
+            rt ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: rt } }) : null
           ] }) })
         }
       );
     })() : null }),
     document.body
   );
-  return p ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    Nt,
-    ce
-  ] }) : Nt;
-}, lo = ({
+  return c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    _t,
+    Te
+  ] }) : _t;
+}, bo = ({
   columnVirtualizer: t,
-  table: m,
-  virtualPaddingLeft: r,
-  virtualPaddingRight: C,
-  isLoading: x,
-  readOnlyColumns: y,
-  sortableRows: b,
+  table: a,
+  virtualPaddingLeft: i,
+  virtualPaddingRight: f,
+  isLoading: y,
+  readOnlyColumns: h,
+  sortableRows: x,
   ...w
-}) => /* @__PURE__ */ o.jsx(Te, { ...w, children: m.getHeaderGroups().map((S) => /* @__PURE__ */ o.jsx(
-  mo,
+}) => /* @__PURE__ */ e.jsx(Ae, { ...w, children: a.getHeaderGroups().map((R) => /* @__PURE__ */ e.jsx(
+  wo,
   {
     columnVirtualizer: t,
-    headerGroup: S,
-    virtualPaddingLeft: r,
-    virtualPaddingRight: C,
-    isLoading: x,
-    readOnlyColumns: y,
-    sortableRows: b
+    headerGroup: R,
+    virtualPaddingLeft: i,
+    virtualPaddingRight: f,
+    isLoading: y,
+    readOnlyColumns: h,
+    sortableRows: x
   },
-  S.id
-)) }), mo = ({
+  R.id
+)) }), wo = ({
   columnVirtualizer: t,
-  headerGroup: m,
-  virtualPaddingLeft: r,
-  virtualPaddingRight: C,
-  isLoading: x,
-  readOnlyColumns: y,
-  sortableRows: b
+  headerGroup: a,
+  virtualPaddingLeft: i,
+  virtualPaddingRight: f,
+  isLoading: y,
+  readOnlyColumns: h,
+  sortableRows: x
 }) => {
   const w = t.getVirtualItems();
-  return /* @__PURE__ */ o.jsxs(Me, { style: { display: "flex" }, children: [
-    r ? (
+  return /* @__PURE__ */ e.jsxs(Fe, { style: { display: "flex" }, children: [
+    i ? (
       //fake empty column to the left for virtualization scroll padding
-      /* @__PURE__ */ o.jsx("th", { style: { display: "flex", width: r } })
+      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: i } })
     ) : null,
-    w.map((S) => {
-      const n = m.headers[S.index];
-      return /* @__PURE__ */ o.jsx(
-        ao,
+    w.map((R) => {
+      const n = a.headers[R.index];
+      return /* @__PURE__ */ e.jsx(
+        Ro,
         {
           header: n,
-          isLoading: x,
-          isReadOnly: y == null ? void 0 : y.includes(n.id),
+          isLoading: y,
+          isReadOnly: h == null ? void 0 : h.includes(n.id),
           canSort: n.column.getCanSort(),
           canFilter: n.column.getCanFilter(),
           canHide: n.column.getCanHide(),
           canPin: n.column.getCanPin(),
           canResize: n.column.getCanResize(),
-          sortableRows: b
+          sortableRows: x
         },
         n.id
       );
     }),
-    C ? (
+    f ? (
       //fake empty column to the right for virtualization scroll padding
-      /* @__PURE__ */ o.jsx("th", { style: { display: "flex", width: C } })
+      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: f } })
     ) : null
-  ] }, m.id);
-}, ao = ({
+  ] }, a.id);
+}, Ro = ({
   header: t,
-  isLoading: m,
-  canFilter: r,
-  canHide: C,
-  canSort: x,
-  canPin: y,
-  canResize: b,
+  isLoading: a,
+  canFilter: i,
+  canHide: f,
+  canSort: y,
+  canPin: h,
+  canResize: x,
   isReadOnly: w,
-  sortableRows: S
+  sortableRows: R
 }) => {
-  const { column: n } = t, p = n.getIsSorted(), I = `column-header-menu-${n.id}`, { menuOpen: i } = Ae(), g = i === I;
-  return /* @__PURE__ */ o.jsx(
-    ze,
+  const { column: n } = t, S = n.getIsSorted(), T = `column-header-menu-${n.id}`, { menuOpen: s } = Ye(), c = s === T;
+  return /* @__PURE__ */ e.jsx(
+    Ve,
     {
-      className: E(t.id, "shimmer-dark", {
-        loading: m,
+      className: H(t.id, "shimmer-dark", {
+        loading: a,
         "last-pinned-left": n.getIsPinned() === "left" && n.getIsLastColumn("left"),
         resizing: n.getIsResizing()
       }),
       style: {
-        ...ot(n),
-        width: it("", n.id)
+        ...at(n),
+        width: pt("", n.id)
       },
-      children: t.isPlaceholder ? null : /* @__PURE__ */ o.jsxs(Ie, { className: E("bold", "header"), children: [
-        kt(n.columnDef.header, t.getContext()),
-        w && /* @__PURE__ */ o.jsx(Ft, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
-        /* @__PURE__ */ o.jsxs(Pe, { className: "actions", $isOpen: g, children: [
-          (C || y || x) && /* @__PURE__ */ o.jsx(
-            Le,
+      children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(_e, { className: H("bold", "header"), children: [
+        Gt(n.columnDef.header, t.getContext()),
+        w && /* @__PURE__ */ e.jsx(Jt, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
+        /* @__PURE__ */ e.jsxs($e, { className: "actions", $isOpen: c, children: [
+          (f || h || y) && /* @__PURE__ */ e.jsx(
+            We,
             {
               className: "header-menu",
               header: t,
-              canHide: C,
-              canPin: y,
-              canSort: x,
+              canHide: f,
+              canPin: h,
+              canSort: y,
               isResizing: n.getIsResizing(),
-              menuId: I,
-              isOpen: g
+              menuId: T,
+              isOpen: c
             }
           ),
-          x && /* @__PURE__ */ o.jsx(
-            De,
+          y && /* @__PURE__ */ e.jsx(
+            Ke,
             {
               icon: "sort",
-              className: E("sort-button", { visible: p }),
+              className: H("sort-button", { visible: S }),
               style: {
-                transform: p === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
+                transform: S === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
               onClick: n.getToggleSortingHandler(),
               selected: !!n.getIsSorted()
             }
           )
         ] }),
-        b && /* @__PURE__ */ o.jsx(
-          ve,
+        x && /* @__PURE__ */ e.jsx(
+          Be,
           {
             onDoubleClick: () => n.resetSize(),
             onMouseDown: t.getResizeHandler(),
             onTouchStart: t.getResizeHandler(),
-            className: E("resize-handle", {
+            className: H("resize-handle", {
               resizing: n.getIsResizing()
             })
           }
@@ -776,286 +822,316 @@ const ot = (t) => {
     },
     t.id
   );
-}, po = ({
+}, So = ({
   columnVirtualizer: t,
-  table: m,
-  tableContainerRef: r,
-  showHierarchy: C,
-  virtualPaddingLeft: x,
-  virtualPaddingRight: y,
-  attribs: b,
+  table: a,
+  tableContainerRef: i,
+  showHierarchy: f,
+  virtualPaddingLeft: y,
+  virtualPaddingRight: h,
+  attribs: x,
   onOpenNew: w,
-  rowOrderIds: S,
+  rowOrderIds: R,
   sortableRows: n,
-  error: p,
-  isGrouping: I,
-  getRowHeight: i,
-  defaultRowHeight: g
+  error: S,
+  isLoading: T,
+  isGrouping: s,
+  getRowHeight: c,
+  defaultRowHeight: U,
+  onResetView: d,
+  contextMenuItems: k
 }) => {
-  const H = D(() => m.getAllColumns().map((j) => {
-    const v = j.id, N = j.columnDef.header;
-    return typeof N == "string" || typeof N == "number" ? { label: N, id: v } : null;
-  }).filter(Boolean), [m.getAllColumns()]), R = Be({ attribs: b, onOpenNew: w, headerLabels: H }).handleTableBodyContextMenu, { handlePreFetchTasks: f } = Fe(), { rows: P } = m.getRowModel(), u = fe({
-    count: P.length,
-    estimateSize: (a) => {
-      const L = P[a];
-      return L ? i(L.original) : g;
+  const u = N(() => a.getAllColumns().map((I) => {
+    const q = I.id, K = I.columnDef.header;
+    return typeof K == "string" || typeof K == "number" ? { label: K, id: q } : null;
+  }).filter(Boolean), [a.getAllColumns()]), p = Ze({
+    attribs: x,
+    onOpenNew: w,
+    headerLabels: u,
+    contextMenuItems: k
+  }).handleTableBodyContextMenu, { handlePreFetchTasks: Y } = Qe(), { rows: O } = a.getRowModel(), M = ze({
+    count: O.length,
+    estimateSize: (g) => {
+      const v = O[g];
+      return v ? c(v.original) : U;
     },
-    getScrollElement: () => r.current,
+    getScrollElement: () => i.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (a) => a == null ? void 0 : a.getBoundingClientRect().height : void 0,
+    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (g) => g == null ? void 0 : g.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), $ = u.getVirtualItems();
-  tt(() => {
-    const a = setTimeout(() => {
-      u.measure();
-    }, 100);
-    return () => clearTimeout(a);
-  }, [g, u]);
-  const _ = et(
-    (a) => {
-      a && u.measureElement(a);
+  }), z = M.getVirtualItems(), A = mt(
+    (g) => {
+      g && M.measureElement(g);
     },
-    [u]
+    [M]
   );
-  _e();
-  const V = /* @__PURE__ */ o.jsx(
+  eo();
+  const B = /* @__PURE__ */ e.jsx(
     "tbody",
     {
       style: {
-        height: `${u.getTotalSize()}px`,
+        height: `${M.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
-      onContextMenu: R,
-      onMouseOver: (a) => {
-        f(a);
+      onContextMenu: p,
+      onMouseOver: (g) => {
+        Y(g);
       },
-      children: $.map((a, L) => {
-        const j = P[a.index];
-        return j ? /* @__PURE__ */ o.jsx(
-          uo,
+      children: z.map((g, v) => {
+        const I = O[g.index];
+        return I ? /* @__PURE__ */ e.jsx(
+          jo,
           {
-            row: j,
-            showHierarchy: C,
-            visibleCells: j.getVisibleCells(),
+            row: I,
+            showHierarchy: f,
+            visibleCells: I.getVisibleCells(),
             virtualColumns: t.getVirtualItems(),
-            paddingLeft: x,
-            paddingRight: y,
-            rowRef: _,
-            dataIndex: a.index,
-            offsetTop: a.start,
+            paddingLeft: y,
+            paddingRight: h,
+            rowRef: A,
+            dataIndex: g.index,
+            offsetTop: g.start,
             sortableRows: n,
-            isGrouping: I,
-            rowHeight: i(j.original)
+            isGrouping: s,
+            rowHeight: c(I.original)
           },
-          j.id + L.toString()
-        ) : (console.warn("Virtualized row data not found for index:", a.index), null);
+          I.id + v.toString()
+        ) : (console.warn("Virtualized row data not found for index:", g.index), null);
       })
     }
   );
-  return p ? r.current && Bt(
-    /* @__PURE__ */ o.jsx(Ne, { message: "No items found", error: p }),
-    r.current
-  ) : n ? /* @__PURE__ */ o.jsx(io, { items: S, strategy: ro, children: V }) : V;
-}, uo = ({
+  return S ? i.current && bt(
+    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Kt, { message: "No items found", error: S, children: d && /* @__PURE__ */ e.jsx(
+      Ut,
+      {
+        variant: "filled",
+        label: "Reset working view",
+        icon: "restart_alt",
+        onClick: d
+      }
+    ) }) }),
+    i.current
+  ) : !O.length && !T ? i.current && bt(
+    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Kt, { message: "No items found", children: d && /* @__PURE__ */ e.jsx(
+      Ut,
+      {
+        variant: "filled",
+        label: "Reset working view",
+        icon: "restart_alt",
+        onClick: d
+      }
+    ) }) }),
+    i.current
+  ) : n ? /* @__PURE__ */ e.jsx(ho, { items: R, strategy: Co, children: B }) : B;
+}, jo = ({
   row: t,
-  showHierarchy: m,
-  visibleCells: r,
-  virtualColumns: C,
-  paddingLeft: x,
-  paddingRight: y,
-  rowRef: b,
+  showHierarchy: a,
+  visibleCells: i,
+  virtualColumns: f,
+  paddingLeft: y,
+  paddingRight: h,
+  rowRef: x,
   dataIndex: w,
-  offsetTop: S,
+  offsetTop: R,
   sortableRows: n,
-  isGrouping: p = !1,
-  rowHeight: I
+  isGrouping: S = !1,
+  rowHeight: T
 }) => {
-  const i = n ? no({ id: t.id }) : null, g = et(
-    (T) => {
-      i && i.setNodeRef(T), i && i.isDragging || b(T);
+  const s = n ? yo({ id: t.id }) : null, c = mt(
+    (d) => {
+      s && s.setNodeRef(d), s && s.isDragging || x(d);
     },
-    [i, b]
-  ), H = {
+    [s, x]
+  ), U = {
     position: "absolute",
     // Use absolute positioning for virtualized items
-    top: S,
+    top: R,
     // Position based on virtualizer's calculation (virtualRow.start)
     left: 0,
     // Span full width of the relative parent (tbody)
     right: 0,
     // Span full width
-    height: I,
+    height: T,
     // Use dynamic row height
-    zIndex: i && i.isDragging ? 0 : 1,
+    zIndex: s && s.isDragging ? 0 : 1,
     // Ensure dragged item is above others
     display: "flex",
     // Styled.TR is display:flex
-    transform: i && i.transform ? so.Transform.toString(i.transform) : void 0,
+    transform: s && s.transform ? xo.Transform.toString(s.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"
+    transition: s && s.transition ? s.transition : void 0,
+    visibility: s && s.isDragging ? "hidden" : "visible"
     // Hide the row being dragged
   };
-  return /* @__PURE__ */ o.jsxs(
-    At,
+  return /* @__PURE__ */ e.jsxs(
+    Xt,
     {
-      ref: g,
+      ref: c,
       "data-index": w,
-      style: H,
-      className: E({ "group-row": t.original.group }),
+      style: U,
+      className: H({ "group-row": t.original.group }),
       children: [
-        x ? (
+        y ? (
           //fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ o.jsx("td", { style: { display: "flex", width: x } })
+          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: y } })
         ) : null,
-        C.map((T, R) => {
-          const f = r[T.index];
-          if (!f) return null;
-          const P = ft(t.id, f.column.id);
-          return f.column.id === B ? /* @__PURE__ */ o.jsx(
-            gt,
+        f.map((d, k) => {
+          const u = i[d.index];
+          if (!u) return null;
+          const W = Rt(t.id, u.column.id);
+          return u.column.id === X ? /* @__PURE__ */ e.jsx(
+            wt,
             {
               style: {
-                ...ot(f.column),
-                width: it(t.id, f.column.id),
+                ...at(u.column),
+                width: pt(t.id, u.column.id),
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                height: I,
+                height: T,
                 pointerEvents: "all",
                 cursor: "grab"
               },
-              className: E(f.column.id, {
-                "last-pinned-left": f.column.getIsPinned() === "left" && f.column.getIsLastColumn("left")
+              className: H(u.column.id, {
+                "last-pinned-left": u.column.getIsPinned() === "left" && u.column.getIsLastColumn("left")
               }),
-              onMouseDown: (u) => u.stopPropagation(),
-              onMouseOver: (u) => u.stopPropagation(),
-              onDoubleClick: (u) => u.stopPropagation(),
-              onContextMenu: (u) => {
-                u.preventDefault(), u.stopPropagation();
+              onMouseDown: (p) => p.stopPropagation(),
+              onMouseOver: (p) => p.stopPropagation(),
+              onDoubleClick: (p) => p.stopPropagation(),
+              onContextMenu: (p) => {
+                p.preventDefault(), p.stopPropagation();
               },
-              children: /* @__PURE__ */ o.jsx(
-                Ee,
+              children: /* @__PURE__ */ e.jsx(
+                Ue,
                 {
-                  attributes: i == null ? void 0 : i.attributes,
-                  listeners: i == null ? void 0 : i.listeners
+                  attributes: s == null ? void 0 : s.attributes,
+                  listeners: s == null ? void 0 : s.listeners
                 }
               )
             },
-            f.id + R.toString()
-          ) : /* @__PURE__ */ o.jsx(
-            _t,
+            u.id + k.toString()
+          ) : /* @__PURE__ */ e.jsx(
+            Zt,
             {
-              cell: f,
-              cellId: P,
+              cell: u,
+              cellId: W,
               rowId: t.id,
-              showHierarchy: m,
+              showHierarchy: a,
               sortableRows: n,
-              rowHeight: I
+              rowHeight: T
             },
-            f.id + R.toString()
+            u.id + k.toString()
           );
         }),
-        y ? (
+        h ? (
           //fake empty column to the right for virtualization scroll padding
-          /* @__PURE__ */ o.jsx("td", { style: { display: "flex", width: y } })
+          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: h } })
         ) : null
       ]
     }
   );
-}, co = ({
+}, To = ({
   cell: t,
-  rowId: m,
-  cellId: r,
-  className: C,
-  showHierarchy: x,
-  sortableRows: y,
-  rowHeight: b,
+  rowId: a,
+  cellId: i,
+  className: f,
+  showHierarchy: y,
+  sortableRows: h,
+  rowHeight: x,
   ...w
 }) => {
-  const { getEntityById: S, onOpenPlayer: n } = $t(), {
-    isCellSelected: p,
-    isCellFocused: I,
-    startSelection: i,
-    extendSelection: g,
-    endSelection: H,
-    selectCell: T,
-    focusCell: R,
-    getCellBorderClasses: f,
-    clearSelection: P,
-    selectedCells: u
-  } = ct(), { isRowSelected: $ } = He(), { isEditing: _, setEditingCellId: V } = Vt(), a = f(r), j = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), v = t.column.id === A, N = t.row.original.entityType === "group", rt = u.size > 1;
-  return /* @__PURE__ */ o.jsx(
-    gt,
+  const { getEntityById: R, onOpenPlayer: n } = Qt(), {
+    isCellSelected: S,
+    isCellFocused: T,
+    startSelection: s,
+    extendSelection: c,
+    endSelection: U,
+    selectCell: d,
+    focusCell: k,
+    getCellBorderClasses: u,
+    clearSelection: W,
+    selectedCells: p
+  } = xt(), { isRowSelected: Y } = Ge(), { isEditing: O, setEditingCellId: M } = Yt(), z = lt(null), A = lt(0), B = u(i), v = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), I = t.column.id === $, q = t.row.original.entityType === "group", K = p.size > 1;
+  return /* @__PURE__ */ e.jsx(
+    wt,
     {
       ...w,
       tabIndex: 0,
-      $isLastPinned: j,
-      className: E(
+      $isLastPinned: v,
+      className: H(
         t.column.id,
         {
-          selected: p(r),
-          focused: I(r),
-          editing: _(r),
-          "last-pinned-left": j,
-          "selected-row": $(m),
-          task: t.row.original.entityType === "task",
-          "multiple-selected": rt
+          selected: S(i),
+          focused: T(i),
+          editing: O(i),
+          "last-pinned-left": v,
+          "selected-row": Y(a),
+          expandable: !!t.row.originalSubRows && He(t.row.original.entityType),
+          "multiple-selected": K
         },
-        C,
-        ...a
+        f,
+        ...B
       ),
       style: {
-        ...ot(t.column),
-        width: it(t.row.id, t.column.id),
-        height: b
+        ...at(t.column),
+        width: pt(t.row.id, t.column.id),
+        height: x
       },
-      onMouseDown: (c) => {
-        if (c.button !== 0) return;
-        const h = c.target;
-        if (h.closest(".expander")) return;
-        if (h.closest("." + eo)) {
-          p(r) || (T(r, !1, !1), R(r)), V(r);
+      onMouseDown: (C) => {
+        if (C.button !== 0) return;
+        const j = C.target;
+        if (j.closest(".expander")) return;
+        const D = Wt(t.row.original.entityType);
+        if (j.closest("." + qt)) {
+          if (S(i) || (d(i, !1, !1), k(i)), D) return;
+          M(i);
           return;
         }
-        if (h.closest(".options")) return;
-        if (N && t.column.id !== "name") return P();
-        const O = c.metaKey || c.ctrlKey || v;
-        c.shiftKey ? T(r, O, !0) : i(r, O);
+        if (j.closest(".options")) return;
+        if (q && t.column.id !== "name") return W();
+        z.current && (clearTimeout(z.current), z.current = null);
+        const F = Date.now(), V = F - A.current;
+        if (A.current = F, V < 300)
+          return;
+        const E = C.metaKey || C.ctrlKey || I;
+        C.shiftKey ? d(i, E, !0) : z.current = setTimeout(() => {
+          s(i, E), z.current = null;
+        }, 200);
       },
-      onMouseOver: (c) => {
-        c.buttons === 1 && g(r, v);
+      onMouseOver: (C) => {
+        if (C.buttons === 1) {
+          if (C.target.closest("." + qt)) return;
+          c(i, I);
+        }
       },
       onMouseUp: () => {
-        H(r);
+        U(i);
       },
-      onDoubleClick: (c) => {
-        if (t.column.id === "name" && !c.target.closest(".expander") && !N) {
-          const h = ft(t.row.id, A);
-          if (!p(h)) {
-            const O = c.metaKey || c.ctrlKey;
-            T(h, O, !1);
-          }
+      onDoubleClick: (C) => {
+        z.current && (clearTimeout(z.current), z.current = null);
+        const j = Wt(t.row.original.entityType);
+        if (t.column.id === "name" && !C.target.closest(".expander") && !q && !j) {
+          const D = Rt(t.row.id, $), F = C.metaKey || C.ctrlKey;
+          S(D) || d(D, F, !1), S(i) || d(i, !0, !1);
         }
-        if (t.column.id === "thumbnail" && n) {
-          const h = S(t.row.original.entityId || t.row.id);
-          if (h) {
-            const O = Ze(h);
-            n(O, { quickView: !0 });
+        if (t.column.id === "thumbnail" && !j && n) {
+          const D = R(t.row.original.entityId || t.row.id);
+          if (D) {
+            const F = uo(D);
+            n(F, { quickView: !0 });
           }
         }
       },
-      onContextMenu: (c) => {
-        c.preventDefault(), p(r) || T(r, !1, !1);
+      onContextMenu: (C) => {
+        C.preventDefault(), S(i) || d(i, !1, !1);
       },
-      children: kt(t.column.columnDef.cell, t.getContext())
+      children: Gt(t.column.columnDef.cell, t.getContext())
     }
   );
-}, _t = ge(co);
+}, Zt = Me(To);
 export {
-  B as DRAG_HANDLE_COLUMN_ID,
-  Fs as ProjectTreeTable
+  X as DRAG_HANDLE_COLUMN_ID,
+  al as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map