@ynput/ayon-frontend-shared 0.3.10 → 0.3.13

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

@@ -1,21 +1,21 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as H, useRef as _t, useCallback as nt, useEffect as yt } from "react";
-import { useVirtualizer as Ne } from "@tanstack/react-virtual";
-import { useReactTable as ke, filterFns as Ae, getSortedRowModel as Fe, getExpandedRowModel as Ve, getFilteredRowModel as Be, getCoreRowModel as _e, flexRender as bt } from "@tanstack/react-table";
-import F from "clsx";
-import $e, { isEntityExpandable as Ke } from "./buildTreeTableColumns.es.js";
-import { TableWrapper as We, TableContainer as qe, TR as Yt, TD as wt, TableHeader as Ue, AnimatedEmptyPlaceholder as $t, HeaderCell as Jt, TableCellContent as Qt, ColumnHeader as Ge, HeaderButtons as Xe, ResizedHandler as Ye } from "./ProjectTreeTable.styled.es.js";
-import Kt from "./components/HeaderActionButton.es.js";
-import Je from "./components/RowDragHandleCellContent.es.js";
+import { useMemo as H, useRef as qt, useCallback as mt, useEffect as St } from "react";
+import { useVirtualizer as ke } from "@tanstack/react-virtual";
+import { useReactTable as Ae, filterFns as Fe, getSortedRowModel as Ve, getExpandedRowModel as Be, getFilteredRowModel as _e, getCoreRowModel as $e, flexRender as It } from "@tanstack/react-table";
+import V from "clsx";
+import Ke, { isEntityExpandable as We } from "./buildTreeTableColumns.es.js";
+import { TableWrapper as qe, TableContainer as Ue, TR as te, TD as Tt, TableHeader as Ge, AnimatedEmptyPlaceholder as Ut, HeaderCell as ee, TableCellContent as oe, ColumnHeader as Xe, HeaderButtons as Ye, ResizedHandler as Je } from "./ProjectTreeTable.styled.es.js";
+import Gt from "./components/HeaderActionButton.es.js";
+import Qe from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
-import { ColumnHeaderMenu as Qe } from "./components/ColumnHeaderMenu.es.js";
-import { DragOverlay as Zt, useDndContext as te } from "@dnd-kit/core";
-import { SortableContext as ee, verticalListSortingStrategy as Ze, horizontalListSortingStrategy as to, useSortable as oe } from "@dnd-kit/sortable";
+import { ColumnHeaderMenu as Ze } from "./components/ColumnHeaderMenu.es.js";
+import { DragOverlay as ie, useDndContext as ne } from "@dnd-kit/core";
+import { SortableContext as re, verticalListSortingStrategy as to, horizontalListSortingStrategy as eo, useSortable as se } from "@dnd-kit/sortable";
 import "../ContextMenu/ContextMenuContext.es.js";
-import { Icon as ie, Button as Wt } from "@ynput/ayon-react-components";
+import { Icon as le, Button as Xt } from "@ynput/ayon-react-components";
 /* empty css                                 */
-import { createPortal as rt } from "react-dom";
+import { createPortal as at } 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";
@@ -30,10 +30,10 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
-import { useMenuContext as eo } 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 oo } from "../../context/ProjectContext.es.js";
+import { useProjectContext as io } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
@@ -49,21 +49,21 @@ import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import { upperFirst as io } from "lodash";
+import { upperFirst as no } from "lodash";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
-import { CSS as Ct } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import { CSS as Rt } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/Chips/Chips.es.js";
 import "date-fns";
 import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../components/LinksManager/CellEditingDialog.es.js";
-import { toast as no } from "react-toastify";
+import { toast as ro } from "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -142,6 +142,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -158,7 +159,7 @@ 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 qt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as Yt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
@@ -174,7 +175,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 ro } from "../EntityPickerDialog/EntityPickerDialog.es.js";
+import { EntityPickerDialog as so } from "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
@@ -208,6 +209,7 @@ import "../../components/VersionUploader/context/VersionUploadContext.es.js";
 import "../../components/Watchers/Watchers.es.js";
 import "../../components/Menu/Menu.styled.es.js";
 import "../../components/Menu/MenuItem.es.js";
+import "../../components/ReviewablesSelector/ReviewablesSelector.styled.es.js";
 import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
 import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -221,26 +223,26 @@ 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 ne } from "./context/CellEditingContext.es.js";
-import { useSelectionCellsContext as xt, ROW_SELECTION_COLUMN_ID as L } from "./context/SelectionCellsContext.es.js";
-import { ClipboardProvider as so } from "./context/ClipboardContext.es.js";
-import { useSelectedRowsContext as lo } from "./context/SelectedRowsContext.es.js";
-import { useColumnSettingsContext as re } from "./context/ColumnSettingsContext.es.js";
-import mo from "./hooks/useCustomColumnWidthVars.es.js";
-import { usePrefetchFolderTasks as ao } from "./hooks/usePrefetchFolderTasks.es.js";
-import po from "./hooks/useCellContextMenu.es.js";
-import co from "./hooks/useColumnVirtualization.es.js";
-import uo from "./hooks/useKeyboardNavigation.es.js";
-import go from "./hooks/useDynamicRowHeight.es.js";
-import { useMoveEntities as fo } from "./hooks/useMoveEntities.es.js";
-import { parseCellId as ho, getCellId as St } from "./utils/cellUtils.es.js";
+import { useCellEditing as me } from "./context/CellEditingContext.es.js";
+import { useSelectionCellsContext as jt, ROW_SELECTION_COLUMN_ID as L } from "./context/SelectionCellsContext.es.js";
+import { ClipboardProvider as lo } from "./context/ClipboardContext.es.js";
+import { useSelectedRowsContext as mo } from "./context/SelectedRowsContext.es.js";
+import { useColumnSettingsContext as ae } from "./context/ColumnSettingsContext.es.js";
+import ao from "./hooks/useCustomColumnWidthVars.es.js";
+import { usePrefetchFolderTasks as po } from "./hooks/usePrefetchFolderTasks.es.js";
+import co from "./hooks/useCellContextMenu.es.js";
+import uo from "./hooks/useColumnVirtualization.es.js";
+import go from "./hooks/useKeyboardNavigation.es.js";
+import fo from "./hooks/useDynamicRowHeight.es.js";
+import { useMoveEntities as ho } from "./hooks/useMoveEntities.es.js";
+import { parseCellId as de, getCellId as vt } from "./utils/cellUtils.es.js";
 import { generateDummyAttributes as yo, generateLoadingRows as Co } from "./utils/loadingUtils.es.js";
-import { isTargetReadOnly as xo, isEntityRestricted as Ut } from "./utils/restrictedEntity.es.js";
-import { useProjectTableContext as se } from "./context/ProjectTableContext.es.js";
+import { isTargetReadOnly as xo, isEntityRestricted as Jt } from "./utils/restrictedEntity.es.js";
+import { useProjectTableContext as pe } from "./context/ProjectTableContext.es.js";
 import { getTableFieldOptions as bo } from "./utils/getTableFieldOptions.es.js";
 import { getReadOnlyLists as wo } from "./utils/getReadOnlyLists.es.js";
 import { getEntityViewierIds as So } from "./utils/getEntityViewerIds.es.js";
-import { EDIT_TRIGGER_CLASS as Gt } from "./widgets/CellWidget.es.js";
+import { EDIT_TRIGGER_CLASS as Qt } from "./widgets/CellWidget.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
 import "../../../../_virtual/runtime.es.js";
@@ -273,8 +275,8 @@ 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 st = (e) => {
-  const l = e.getIsPinned(), n = e.id !== L && e.id !== $ ? -30 : 0;
+const dt = (e) => {
+  const l = e.getIsPinned(), n = e.id !== L && e.id !== K ? -30 : 0;
   return {
     left: l === "left" ? `${e.getStart("left") + n}px` : void 0,
     // Removed offset
@@ -283,140 +285,140 @@ const st = (e) => {
     width: e.getSize(),
     zIndex: l ? 100 : 0
   };
-}, lt = (e, l) => `calc(var(--col-${l}-size) * 1px)`, $ = "drag-handle", Ll = ({
+}, pt = (e, l) => `calc(var(--col-${l}-size) * 1px)`, K = "drag-handle", kl = ({
   scope: e,
   sliceId: l,
   onScroll: n,
-  onScrollBottom: d,
+  onScrollBottom: a,
   // when the user scrolls to the bottom of the table, this callback is called
   onOpenNew: h,
-  readOnly: b,
+  readOnly: x,
   excludedColumns: w,
-  excludedSorting: R,
-  extraColumns: P,
+  excludedSorting: S,
+  extraColumns: v,
   includeLinks: u,
-  isLoading: S,
+  isLoading: R,
   isExpandable: j,
   clientSorting: i = !1,
   sortableRows: r = !1,
-  onRowReorder: D,
-  dndActiveId: a,
+  onRowReorder: M,
+  dndActiveId: g,
   // Destructure new prop
   columnsConfig: z,
-  onScrollBottomGroupBy: g,
+  onScrollBottomGroupBy: f,
   // Destructure new prop for group-by load more
   contextMenuItems: N,
   // Additional context menu items from props
   pt: C,
-  ...K
+  ...W
 }) => {
   const {
     columnVisibility: k,
-    columnPinning: x,
-    columnOrder: T,
+    columnPinning: b,
+    columnOrder: E,
     columnSizing: A,
-    setAllColumns: B,
-    sorting: f,
-    sortingOnChange: v,
-    columnPinningOnChange: m,
-    columnSizingOnChange: X,
-    columnVisibilityOnChange: p,
-    columnOrderOnChange: W,
-    groupBy: V
-  } = re(), E = !!V, { productTypes: O, projectName: Q, ...me } = oo(), {
-    tableData: U,
-    attribFields: q,
-    entitiesMap: ae,
-    users: Rt,
-    isLoading: de,
-    error: pe,
-    isInitialized: mt,
-    expanded: ce,
-    updateExpanded: jt,
-    toggleExpandAll: ue,
-    showHierarchy: _,
-    fetchNextPage: ge,
-    scopes: G,
+    setAllColumns: F,
+    sorting: m,
+    sortingOnChange: O,
+    columnPinningOnChange: d,
+    columnSizingOnChange: U,
+    columnVisibilityOnChange: B,
+    columnOrderOnChange: et,
+    groupBy: _
+  } = ae(), p = !!_, { productTypes: q, projectName: G, ...ot } = io(), {
+    tableData: D,
+    attribFields: I,
+    entitiesMap: Y,
+    users: J,
+    isLoading: ct,
+    error: Q,
+    isInitialized: ut,
+    expanded: ue,
+    updateExpanded: Dt,
+    toggleExpandAll: ge,
+    showHierarchy: $,
+    fetchNextPage: fe,
+    scopes: X,
     // or entityTypes
-    getEntityById: Tt,
-    onResetView: fe
-  } = se(), { writableFields: It } = Ro(), Y = S || de, {
-    statuses: Pt = [],
-    folderTypes: vt = [],
-    taskTypes: Mt = [],
-    tags: Dt = [],
-    linkTypes: zt = []
-  } = me || {}, Z = H(
+    getEntityById: Pt,
+    onResetView: he
+  } = pe(), { writableFields: Mt } = Ro(), Z = R || ct, {
+    statuses: zt = [],
+    folderTypes: Et = [],
+    taskTypes: Ot = [],
+    tags: Ht = [],
+    linkTypes: Lt = []
+  } = ot || {}, it = H(
     () => bo({
-      users: Rt,
-      statuses: Pt,
-      folderTypes: vt,
-      taskTypes: Mt,
-      productTypes: O,
-      tags: Dt,
-      scopes: G
+      users: J,
+      statuses: zt,
+      folderTypes: Et,
+      taskTypes: Ot,
+      productTypes: q,
+      tags: Ht,
+      scopes: X
     }),
-    [Rt, Pt, vt, Mt, G, Dt]
-  ), tt = _t(null), Et = _t(0), { registerGrid: Ot } = xt(), { loadingAttrib: Ht, loadingRows: he } = H(() => {
-    const o = tt.current?.querySelectorAll("tbody tr").length || 0, c = yo(), y = Co(
-      _ && U.length > 0 ? Math.min(o, 50) : V ? Math.max(Et.current, 50) : 50
+    [J, zt, Et, Ot, X, Ht]
+  ), nt = qt(null), Nt = qt(0), { registerGrid: kt } = jt(), { loadingAttrib: At, loadingRows: ye } = H(() => {
+    const o = nt.current?.querySelectorAll("tbody tr").length || 0, c = yo(), y = Co(
+      $ && D.length > 0 ? Math.min(o, 50) : _ ? Math.max(Nt.current, 50) : 50
     );
     return { loadingAttrib: c, loadingRows: y };
-  }, []), ye = !mt || Y, { readOnlyColumns: Lt, readOnlyAttribs: Ce } = H(
-    () => wo(q, It, b),
-    [q, It, b]
-  ), { selectedCells: at } = xt(), { updateEntities: Nt } = ne(), xe = nt(
+  }, []), Ce = !ut || Z, { readOnlyColumns: Ft, readOnlyAttribs: xe } = H(
+    () => wo(I, Mt, x),
+    [I, Mt, x]
+  ), { selectedCells: gt } = jt(), { updateEntities: Vt } = me(), be = mt(
     async (o, c) => {
       const { selection: y = [] } = c || {}, s = [];
       if (!y?.length)
         s.push({ ...o, id: o.rowId });
       else {
-        const { field: M, value: ut, isAttrib: gt } = o;
-        for (const Le of at) {
-          const { colId: ft, rowId: it } = ho(Le) || {};
-          if (ft === L) continue;
-          const ht = Tt(it || "");
-          if (!ht) {
-            console.warn(`Entity with ID ${it} not found for cell update.`);
+        const { field: P, value: Ct, isAttrib: xt } = o;
+        for (const Ne of gt) {
+          const { colId: bt, rowId: lt } = de(Ne) || {};
+          if (bt === L) continue;
+          const wt = Pt(lt || "");
+          if (!wt) {
+            console.warn(`Entity with ID ${lt} not found for cell update.`);
             continue;
           }
-          (!ft?.includes("attrib_") || ft?.replace("attrib_", "") === M) && it && s.push({
-            field: M,
-            rowId: it,
-            id: ht.entityId,
-            value: ut,
-            isAttrib: gt,
-            type: ht.entityType
+          (!bt?.includes("attrib_") || bt?.replace("attrib_", "") === P) && lt && s.push({
+            field: P,
+            rowId: lt,
+            id: wt.entityId,
+            value: Ct,
+            isAttrib: xt,
+            type: wt.entityType
           });
         }
       }
       if (!s.length) {
-        console.warn("No entities to update, skipping updateEntities call."), no.warn("No entities to update.");
+        console.warn("No entities to update, skipping updateEntities call."), ro.warn("No entities to update.");
         return;
       }
-      await Nt(s, !0);
+      await Vt(s, !0);
     },
-    [Nt, Tt, at]
-  ), kt = H(
-    () => mt ? q : Ht,
-    [q, Ht, mt]
-  ), be = () => G.includes("version") ? "Product / Version" : G.map((o) => io(o)).join(" / "), dt = H(() => {
-    const o = $e({
-      scopes: G,
-      attribs: kt,
-      links: zt,
+    [Vt, Pt, gt]
+  ), Bt = H(
+    () => ut ? I : At,
+    [I, At, ut]
+  ), we = () => X.includes("version") ? "Product / Version" : X.map((o) => no(o)).join(" / "), ft = H(() => {
+    const o = Ke({
+      scopes: X,
+      attribs: Bt,
+      links: Lt,
       includeLinks: u,
-      showHierarchy: _,
-      options: Z,
-      extraColumns: P,
+      showHierarchy: $,
+      options: it,
+      extraColumns: v,
       excluded: w,
-      excludedSorting: R,
-      groupBy: V,
-      nameLabel: be()
+      excludedSorting: S,
+      groupBy: _,
+      nameLabel: we()
     });
     return r ? [
       {
-        id: $,
+        id: K,
         header: () => null,
         cell: () => null,
         // Content rendered by TableBodyRow
@@ -432,25 +434,25 @@ const st = (e) => {
       ...o
     ] : o;
   }, [
-    G,
-    kt,
-    _,
+    X,
+    Bt,
+    $,
     j,
-    Z,
-    zt,
+    it,
+    Lt,
     u,
-    P,
+    v,
     w,
-    R,
+    S,
     r
   ]);
-  yt(() => {
-    const o = dt.map((c) => c.id).filter(Boolean);
-    B(o);
-  }, [dt, B]);
-  const I = ke({
-    data: ye ? he : U,
-    columns: dt,
+  St(() => {
+    const o = ft.map((c) => c.id).filter(Boolean);
+    F(o);
+  }, [ft, F]);
+  const T = Ae({
+    data: Ce ? ye : D,
+    columns: ft,
     defaultColumn: {
       minSize: 50,
       size: 150
@@ -461,126 +463,126 @@ const st = (e) => {
     enableSubRowSelection: !1,
     //disable sub row selection
     getSubRows: (o) => o.subRows,
-    getRowCanExpand: () => !!j || _ || E,
-    getCoreRowModel: _e(),
-    getFilteredRowModel: Be(),
-    getExpandedRowModel: Ve(),
+    getRowCanExpand: () => !!j || $ || p,
+    getCoreRowModel: $e(),
+    getFilteredRowModel: _e(),
+    getExpandedRowModel: Be(),
     filterFromLeafRows: !0,
     // EXPANDABLE
-    onExpandedChange: jt,
+    onExpandedChange: Dt,
     // SORTING
     enableSorting: !0,
-    getSortedRowModel: Fe(),
+    getSortedRowModel: Ve(),
     sortDescFirst: !1,
     manualSorting: !i,
-    onSortingChange: v,
+    onSortingChange: O,
     columnResizeMode: "onChange",
-    onColumnPinningChange: m,
-    onColumnSizingChange: X,
-    onColumnVisibilityChange: p,
-    onColumnOrderChange: W,
+    onColumnPinningChange: d,
+    onColumnSizingChange: U,
+    onColumnVisibilityChange: B,
+    onColumnOrderChange: et,
     // @ts-ignore
-    filterFns: Ae,
+    filterFns: Fe,
     state: {
-      expanded: ce,
-      sorting: f,
+      expanded: ue,
+      sorting: m,
       columnPinning: (() => {
         const o = [];
-        r && o.push($), o.push(L);
-        const c = (x.left || []).filter(
-          (s) => s !== $ && s !== L
+        r && o.push(K), o.push(L);
+        const c = (b.left || []).filter(
+          (s) => s !== K && s !== L
         );
         return o.push(...c), {
           left: [...new Set(o)],
-          right: x.right
+          right: b.right
         };
       })(),
       columnSizing: A,
       columnVisibility: k,
-      columnOrder: T
+      columnOrder: E
     },
     meta: {
-      projectName: Q,
-      options: Z,
-      readOnly: Lt,
-      updateEntities: xe,
-      toggleExpandAll: ue,
-      loadMoreRows: ge,
-      selection: Array.from(at),
+      projectName: G,
+      options: it,
+      readOnly: Ft,
+      updateEntities: be,
+      toggleExpandAll: ge,
+      loadMoreRows: fe,
+      selection: Array.from(gt),
       columnsConfig: z
     }
-  }), { rows: J } = I.getRowModel();
-  yt(() => {
-    Et.current = J.length;
-  }, [J.length]), yt(() => {
-    if (!J.length) return;
-    const o = J.map((s) => s.id), y = [...I.getAllLeafColumns().map((s) => s.id)].sort((s, M) => {
-      if (L === M) return 1;
-      const ut = x.left?.includes(s) ? 0 : 1, gt = x.left?.includes(M) ? 0 : 1;
-      return ut - gt;
+  }), { rows: tt } = T.getRowModel();
+  St(() => {
+    Nt.current = tt.length;
+  }, [tt.length]), St(() => {
+    if (!tt.length) return;
+    const o = tt.map((s) => s.id), y = [...T.getAllLeafColumns().map((s) => s.id)].sort((s, P) => {
+      if (L === P) return 1;
+      const Ct = b.left?.includes(s) ? 0 : 1, xt = b.left?.includes(P) ? 0 : 1;
+      return Ct - xt;
     });
-    Ot(o, y);
-  }, [J, I.getAllLeafColumns(), x, L, Ot]);
-  const At = I.getVisibleLeafColumns(), { columnVirtualizer: pt, virtualPaddingLeft: et, virtualPaddingRight: ot } = co({
-    visibleColumns: At,
-    tableContainerRef: tt,
-    columnPinning: x,
+    kt(o, y);
+  }, [tt, T.getAllLeafColumns(), b, L, kt]);
+  const _t = T.getVisibleLeafColumns(), { columnVirtualizer: ht, virtualPaddingLeft: rt, virtualPaddingRight: st } = uo({
+    visibleColumns: _t,
+    tableContainerRef: nt,
+    columnPinning: b,
     columnSizing: A,
-    columnOrder: T
-  }), Ft = mo(I, A), { getRowHeight: we, defaultRowHeight: Vt } = go(), Se = H(() => q.reduce((o, c) => (c.data?.enum?.length && (o[c.name] = c.data?.enum), o), {}), [q]), Re = H(() => U.map((o) => o.id), [U]), je = H(() => T.filter(
-    (o) => o !== $ && o !== L
-  ), [T]), Te = H(() => !a || !r ? null : U.find((o) => o.id === a), [a, U, r]), Ie = nt(
+    columnOrder: E
+  }), $t = ao(T, A), { getRowHeight: Se, defaultRowHeight: Kt } = fo(), Re = H(() => I.reduce((o, c) => (c.data?.enum?.length && (o[c.name] = c.data?.enum), o), {}), [I]), je = H(() => D.map((o) => o.id), [D]), Ie = H(() => E.filter(
+    (o) => o !== K && o !== L
+  ), [E]), Te = H(() => !g || !r ? null : D.find((o) => o.id === g), [g, D, r]), ve = mt(
     (o) => {
-      if (n?.(o), d) {
+      if (n?.(o), a) {
         const c = o.currentTarget;
-        if (c && !_ && !V) {
-          const { scrollHeight: y, scrollTop: s, clientHeight: M } = c;
-          y - s - M < 500 && !Y && d(o);
+        if (c && !$ && !_) {
+          const { scrollHeight: y, scrollTop: s, clientHeight: P } = c;
+          y - s - P < 500 && !Z && a(o);
         }
       }
-      if (g && V) {
-        const M = o.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
-        M && g(M);
+      if (f && _) {
+        const P = o.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
+        P && f(P);
       }
     },
-    [n, d, g, _, V, Y]
+    [n, a, f, $, _, Z]
   ), {
-    isEntityPickerOpen: Pe,
-    handleMoveSubmit: ve,
+    isEntityPickerOpen: De,
+    handleMoveSubmit: Pe,
     closeMoveDialog: Me,
-    movingEntities: ct,
-    handleMoveToRoot: De,
-    getDisabledFolderIds: ze,
-    getDisabledMessage: Ee
-  } = fo({
-    projectName: Q
-  }), Oe = (o) => {
-    ve(o);
+    movingEntities: yt,
+    handleMoveToRoot: ze,
+    getDisabledFolderIds: Ee,
+    getDisabledMessage: Oe
+  } = ho({
+    projectName: G
+  }), He = (o) => {
+    Pe(o);
     const c = o[0];
-    jt((y) => typeof y == "boolean" ? y || { [c]: !0 } : y[c] ? y : {
+    Dt((y) => typeof y == "boolean" ? y || { [c]: !0 } : y[c] ? y : {
       ...y,
       [c]: !0
     });
-  }, Bt = /* @__PURE__ */ t.jsxs(
-    so,
+  }, Wt = /* @__PURE__ */ t.jsxs(
+    lo,
     {
-      entitiesMap: ae,
-      columnEnums: { ...Z, ...Se },
-      columnReadOnly: Ce,
-      visibleColumns: At,
+      entitiesMap: Y,
+      columnEnums: { ...it, ...Re },
+      columnReadOnly: xe,
+      visibleColumns: _t,
       children: [
-        /* @__PURE__ */ t.jsx(We, { ...K, children: /* @__PURE__ */ t.jsx(
-          qe,
+        /* @__PURE__ */ t.jsx(qe, { ...W, children: /* @__PURE__ */ t.jsx(
+          Ue,
           {
-            ref: tt,
+            ref: nt,
             style: { height: "100%", padding: 0 },
-            onScroll: Ie,
+            onScroll: ve,
             ...C?.container,
             "data-column-dnd-container": !0,
-            className: F(
+            className: V(
               "table-container",
               {
-                resizing: I.getState().columnSizingInfo.isResizingColumn
+                resizing: T.getState().columnSizingInfo.isResizingColumn
               },
               C?.container?.className
             ),
@@ -591,44 +593,44 @@ const st = (e) => {
                   display: "grid",
                   borderCollapse: "collapse",
                   userSelect: "none",
-                  ...Ft,
-                  width: I.getTotalSize(),
-                  cursor: I.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
+                  ...$t,
+                  width: T.getTotalSize(),
+                  cursor: T.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
                 },
                 children: [
                   /* @__PURE__ */ t.jsx(
                     jo,
                     {
-                      columnVirtualizer: pt,
-                      table: I,
-                      virtualPaddingLeft: et,
-                      virtualPaddingRight: ot,
-                      isLoading: Y,
-                      readOnlyColumns: Lt,
+                      columnVirtualizer: ht,
+                      table: T,
+                      virtualPaddingLeft: rt,
+                      virtualPaddingRight: st,
+                      isLoading: Z,
+                      readOnlyColumns: Ft,
                       sortableRows: r,
-                      columnOrderIds: je,
+                      columnOrderIds: Ie,
                       ...C?.head
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Po,
+                    vo,
                     {
-                      columnVirtualizer: pt,
-                      table: I,
-                      tableContainerRef: tt,
-                      virtualPaddingLeft: et,
-                      virtualPaddingRight: ot,
-                      showHierarchy: _,
-                      attribs: q,
+                      columnVirtualizer: ht,
+                      table: T,
+                      tableContainerRef: nt,
+                      virtualPaddingLeft: rt,
+                      virtualPaddingRight: st,
+                      showHierarchy: $,
+                      attribs: I,
                       onOpenNew: h,
-                      rowOrderIds: Re,
+                      rowOrderIds: je,
                       sortableRows: r,
-                      error: pe,
-                      isLoading: Y,
-                      isGrouping: E,
-                      getRowHeight: we,
-                      defaultRowHeight: Vt,
-                      onResetView: fe,
+                      error: Q,
+                      isLoading: Z,
+                      isGrouping: p,
+                      getRowHeight: Se,
+                      defaultRowHeight: Kt,
+                      onResetView: he,
                       contextMenuItems: N
                     }
                   )
@@ -637,28 +639,28 @@ const st = (e) => {
             )
           }
         ) }),
-        Pe && Q && ct?.entities && ct.entities.length > 0 && /* @__PURE__ */ t.jsx(
-          ro,
+        De && G && yt?.entities && yt.entities.length > 0 && /* @__PURE__ */ t.jsx(
+          so,
           {
-            projectName: Q,
+            projectName: G,
             entityType: "folder",
-            onSubmit: Oe,
+            onSubmit: He,
             onClose: Me,
-            showMoveToRoot: ct.entities.every(
+            showMoveToRoot: yt.entities.every(
               (o) => o.entityType === "folder"
             ),
-            onMoveToRoot: De,
-            disabledIds: ze(),
-            getDisabledMessage: Ee
+            onMoveToRoot: ze,
+            disabledIds: Ee(),
+            getDisabledMessage: Oe
           }
         )
       ]
     }
-  ), He = r && a && rt(
-    /* @__PURE__ */ t.jsx(Zt, { dropAnimation: null, children: Te ? (() => {
-      const o = I.getRowModel().rows.find((y) => y.id === a);
+  ), Le = r && g && at(
+    /* @__PURE__ */ t.jsx(ie, { dropAnimation: null, children: Te ? (() => {
+      const o = T.getRowModel().rows.find((y) => y.id === g);
       if (!o) return null;
-      const c = I.getTotalSize();
+      const c = T.getTotalSize();
       return /* @__PURE__ */ t.jsx(
         "table",
         {
@@ -667,43 +669,43 @@ const st = (e) => {
             borderCollapse: "collapse",
             backgroundColor: "var(--md-sys-color-surface-container-high)",
             boxShadow: "0 0 10px rgba(0,0,0,0.2)",
-            ...Ft
+            ...$t
           },
-          children: /* @__PURE__ */ t.jsx("tbody", { children: /* @__PURE__ */ t.jsxs(Yt, { style: { display: "flex", userSelect: "none" }, children: [
-            et ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: et } }) : null,
-            pt.getVirtualItems().map((y) => {
+          children: /* @__PURE__ */ t.jsx("tbody", { children: /* @__PURE__ */ t.jsxs(te, { style: { display: "flex", userSelect: "none" }, children: [
+            rt ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: rt } }) : null,
+            ht.getVirtualItems().map((y) => {
               const s = o.getVisibleCells()[y.index];
               if (!s) return null;
-              const M = {
-                ...st(s.column),
-                width: lt(o.id, s.column.id),
+              const P = {
+                ...dt(s.column),
+                width: pt(o.id, s.column.id),
                 display: "flex",
                 alignItems: "center",
-                height: Vt
+                height: Kt
               };
-              return s.column.id === $ ? /* @__PURE__ */ t.jsxs(
-                wt,
+              return s.column.id === K ? /* @__PURE__ */ t.jsxs(
+                Tt,
                 {
-                  style: { ...M, justifyContent: "center" },
-                  className: F(s.column.id),
+                  style: { ...P, justifyContent: "center" },
+                  className: V(s.column.id),
                   children: [
-                    /* @__PURE__ */ t.jsx(ie, { icon: "drag_handle" }),
+                    /* @__PURE__ */ t.jsx(le, { icon: "drag_handle" }),
                     " "
                   ]
                 },
                 `overlay-drag-${s.id}`
               ) : /* @__PURE__ */ t.jsx(
-                le,
+                ce,
                 {
                   cell: s,
-                  cellId: `overlay-${St(o.id, s.column.id)}`,
+                  cellId: `overlay-${vt(o.id, s.column.id)}`,
                   rowId: o.id,
-                  showHierarchy: _
+                  showHierarchy: $
                 },
                 `overlay-cell-${s.id}`
               );
             }),
-            ot ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: ot } }) : null
+            st ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: st } }) : null
           ] }) })
         }
       );
@@ -711,18 +713,18 @@ const st = (e) => {
     document.body
   );
   return r ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    Bt,
-    He,
-    /* @__PURE__ */ t.jsx(Xt, { table: I })
+    Wt,
+    Le,
+    /* @__PURE__ */ t.jsx(Zt, { table: T })
   ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    Bt,
-    /* @__PURE__ */ t.jsx(Xt, { table: I })
+    Wt,
+    /* @__PURE__ */ t.jsx(Zt, { table: T })
   ] });
-}, Xt = ({ table: e }) => {
-  const { active: l } = te(), d = l?.data?.current?.type === "column" ? l?.id : null, h = H(() => d && e.getHeaderGroups()[0]?.headers.find((b) => b.id === d) || null, [d, e]);
-  return !d || !h ? null : rt(
-    /* @__PURE__ */ t.jsx(Zt, { dropAnimation: null, children: /* @__PURE__ */ t.jsx(
-      Jt,
+}, Zt = ({ table: e }) => {
+  const { active: l } = ne(), a = l?.data?.current?.type === "column" ? l?.id : null, h = H(() => a && e.getHeaderGroups()[0]?.headers.find((x) => x.id === a) || null, [a, e]);
+  return !a || !h ? null : at(
+    /* @__PURE__ */ t.jsx(ie, { dropAnimation: null, children: /* @__PURE__ */ t.jsx(
+      ee,
       {
         style: {
           width: h.column.getSize(),
@@ -732,7 +734,7 @@ const st = (e) => {
           alignItems: "center",
           minHeight: 34
         },
-        children: /* @__PURE__ */ t.jsx(Qt, { className: "bold header", children: bt(
+        children: /* @__PURE__ */ t.jsx(oe, { className: "bold header", children: It(
           h.column.columnDef.header,
           h.getContext()
         ) })
@@ -744,102 +746,102 @@ const st = (e) => {
   columnVirtualizer: e,
   table: l,
   virtualPaddingLeft: n,
-  virtualPaddingRight: d,
+  virtualPaddingRight: a,
   isLoading: h,
-  readOnlyColumns: b,
+  readOnlyColumns: x,
   sortableRows: w,
-  columnOrderIds: R,
-  ...P
-}) => /* @__PURE__ */ t.jsx(Ue, { ...P, children: l.getHeaderGroups().map((u) => /* @__PURE__ */ t.jsx(
-  To,
+  columnOrderIds: S,
+  ...v
+}) => /* @__PURE__ */ t.jsx(Ge, { ...v, children: l.getHeaderGroups().map((u) => /* @__PURE__ */ t.jsx(
+  Io,
   {
     columnVirtualizer: e,
     headerGroup: u,
     virtualPaddingLeft: n,
-    virtualPaddingRight: d,
+    virtualPaddingRight: a,
     isLoading: h,
-    readOnlyColumns: b,
+    readOnlyColumns: x,
     sortableRows: w,
-    columnOrderIds: R
+    columnOrderIds: S
   },
   u.id
-)) }), To = ({
+)) }), Io = ({
   columnVirtualizer: e,
   headerGroup: l,
   virtualPaddingLeft: n,
-  virtualPaddingRight: d,
+  virtualPaddingRight: a,
   isLoading: h,
-  readOnlyColumns: b,
+  readOnlyColumns: x,
   sortableRows: w,
-  columnOrderIds: R
+  columnOrderIds: S
 }) => {
-  const P = e.getVirtualItems(), { active: u } = te(), S = u?.data?.current?.type === "column", j = S && (u?.data?.current?.isPinned ?? !1);
-  return /* @__PURE__ */ t.jsxs(Ge, { style: { display: "flex" }, children: [
+  const v = e.getVirtualItems(), { active: u } = ne(), R = u?.data?.current?.type === "column", j = R && (u?.data?.current?.isPinned ?? !1);
+  return /* @__PURE__ */ t.jsxs(Xe, { style: { display: "flex" }, children: [
     n ? (
       //fake empty column to the left for virtualization scroll padding
       /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: n } })
     ) : null,
-    /* @__PURE__ */ t.jsx(ee, { items: R, strategy: to, children: P.map((i) => {
-      const r = l.headers[i.index], D = r.id !== $ && r.id !== L;
+    /* @__PURE__ */ t.jsx(re, { items: S, strategy: eo, children: v.map((i) => {
+      const r = l.headers[i.index], M = r.id !== K && r.id !== L;
       return /* @__PURE__ */ t.jsx(
-        Io,
+        To,
         {
           header: r,
           isLoading: h,
-          isReadOnly: b?.includes(r.id),
+          isReadOnly: x?.includes(r.id),
           canSort: r.column.getCanSort(),
           canFilter: r.column.getCanFilter(),
           canHide: r.column.getCanHide(),
           canPin: r.column.getCanPin(),
           canResize: r.column.getCanResize(),
           sortableRows: w,
-          isDraggable: D,
-          isColumnDrag: S,
+          isDraggable: M,
+          isColumnDrag: R,
           isDraggedColumnPinned: j
         },
         r.id
       );
     }) }),
-    d ? (
+    a ? (
       //fake empty column to the right for virtualization scroll padding
-      /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: d } })
+      /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: a } })
     ) : null
   ] }, l.id);
-}, Io = ({
+}, To = ({
   header: e,
   isLoading: l,
   canFilter: n,
-  canHide: d,
+  canHide: a,
   canSort: h,
-  canPin: b,
+  canPin: x,
   canResize: w,
-  isReadOnly: R,
-  sortableRows: P,
+  isReadOnly: S,
+  sortableRows: v,
   isDraggable: u = !0,
-  isColumnDrag: S,
+  isColumnDrag: R,
   isDraggedColumnPinned: j
 }) => {
-  const { column: i } = e, r = i.getIsSorted(), D = `column-header-menu-${i.id}`, { menuOpen: a } = eo(), z = a === D, { columnPinning: g } = re(), N = g.left?.includes(i.id) || !1, { attributes: C, listeners: K, setNodeRef: k, transform: x, transition: T, isDragging: A } = oe({
+  const { column: i } = e, r = i.getIsSorted(), M = `column-header-menu-${i.id}`, { menuOpen: g } = oo(), z = g === M, { columnPinning: f } = ae(), N = f.left?.includes(i.id) || !1, { attributes: C, listeners: W, setNodeRef: k, transform: b, transition: E, isDragging: A } = se({
     id: i.id,
     data: { type: "column", isPinned: N },
     disabled: !u
-  }), B = S && j === N, f = () => {
+  }), F = R && j === N, m = () => {
     if (A)
-      return { transform: Ct.Translate.toString(x), transition: T, visibility: "hidden", zIndex: 200 };
-    if (B && x) {
-      const m = N ? { position: "relative", left: "auto" } : {};
-      return { transform: Ct.Translate.toString(x), transition: T, ...m };
+      return { transform: Rt.Translate.toString(b), transition: E, visibility: "hidden", zIndex: 200 };
+    if (F && b) {
+      const d = N ? { position: "relative", left: "auto" } : {};
+      return { transform: Rt.Translate.toString(b), transition: E, ...d };
     }
     return {};
-  }, v = {
-    onPointerDown: (m) => m.stopPropagation(),
-    onMouseDown: (m) => m.stopPropagation()
+  }, O = {
+    onPointerDown: (d) => d.stopPropagation(),
+    onMouseDown: (d) => d.stopPropagation()
   };
   return /* @__PURE__ */ t.jsx(
-    Jt,
+    ee,
     {
       ref: k,
-      className: F(e.id, "shimmer-dark", {
+      className: V(e.id, "shimmer-dark", {
         loading: l,
         "last-pinned-left": i.getIsPinned() === "left" && i.getIsLastColumn("left"),
         resizing: i.getIsResizing(),
@@ -847,32 +849,32 @@ const st = (e) => {
         draggable: u
       }),
       style: {
-        ...st(i),
-        width: lt("", i.id),
-        ...f()
+        ...dt(i),
+        width: pt("", i.id),
+        ...m()
       },
-      children: e.isPlaceholder ? null : /* @__PURE__ */ t.jsxs(Qt, { className: F("bold", "header"), ...u ? { ...C, ...K } : {}, children: [
-        bt(i.columnDef.header, e.getContext()),
-        R && /* @__PURE__ */ t.jsx(ie, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
-        /* @__PURE__ */ t.jsxs(Xe, { className: "actions", $isOpen: z, ...v, children: [
-          (d || b || h) && /* @__PURE__ */ t.jsx(
-            Qe,
+      children: e.isPlaceholder ? null : /* @__PURE__ */ t.jsxs(oe, { className: V("bold", "header"), ...u ? { ...C, ...W } : {}, children: [
+        It(i.columnDef.header, e.getContext()),
+        S && /* @__PURE__ */ t.jsx(le, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
+        /* @__PURE__ */ t.jsxs(Ye, { className: "actions", $isOpen: z, ...O, children: [
+          (a || x || h) && /* @__PURE__ */ t.jsx(
+            Ze,
             {
               className: "header-menu",
               header: e,
-              canHide: d,
-              canPin: b,
+              canHide: a,
+              canPin: x,
               canSort: h,
               isResizing: i.getIsResizing(),
-              menuId: D,
+              menuId: M,
               isOpen: z
             }
           ),
           h && /* @__PURE__ */ t.jsx(
-            Kt,
+            Gt,
             {
               icon: "sort",
-              className: F("sort-button", { visible: r }),
+              className: V("sort-button", { visible: r }),
               style: {
                 transform: r === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
@@ -881,25 +883,25 @@ const st = (e) => {
             }
           ),
           i.getIsPinned() && i.id !== L && /* @__PURE__ */ t.jsx(
-            Kt,
+            Gt,
             {
               icon: "push_pin",
-              className: F("pin-button", "visible"),
+              className: V("pin-button", "visible"),
               onClick: () => i.pin(!1),
               selected: !0
             }
           )
         ] }),
         w && /* @__PURE__ */ t.jsx(
-          Ye,
+          Je,
           {
             onDoubleClick: () => i.resetSize(),
-            onMouseDown: (m) => {
-              m.stopPropagation(), e.getResizeHandler()(m);
+            onMouseDown: (d) => {
+              d.stopPropagation(), e.getResizeHandler()(d);
             },
             onTouchStart: e.getResizeHandler(),
-            onPointerDown: (m) => m.stopPropagation(),
-            className: F("resize-handle", {
+            onPointerDown: (d) => d.stopPropagation(),
+            className: V("resize-handle", {
               resizing: i.getIsResizing()
             })
           }
@@ -908,131 +910,131 @@ const st = (e) => {
     },
     e.id
   );
-}, Po = ({
+}, vo = ({
   columnVirtualizer: e,
   table: l,
   tableContainerRef: n,
-  showHierarchy: d,
+  showHierarchy: a,
   virtualPaddingLeft: h,
-  virtualPaddingRight: b,
+  virtualPaddingRight: x,
   attribs: w,
-  onOpenNew: R,
-  rowOrderIds: P,
+  onOpenNew: S,
+  rowOrderIds: v,
   sortableRows: u,
-  error: S,
+  error: R,
   isLoading: j,
   isGrouping: i,
   getRowHeight: r,
-  defaultRowHeight: D,
-  onResetView: a,
+  defaultRowHeight: M,
+  onResetView: g,
   contextMenuItems: z
 }) => {
-  const g = H(() => l.getAllColumns().map((m) => {
-    const X = m.id, p = m.columnDef.header;
-    return typeof p == "string" || typeof p == "number" ? { label: p, id: X } : null;
-  }).filter(Boolean), [l.getAllColumns()]), C = po({
+  const f = H(() => l.getAllColumns().map((d) => {
+    const U = d.id, B = d.columnDef.header;
+    return typeof B == "string" || typeof B == "number" ? { label: B, id: U } : null;
+  }).filter(Boolean), [l.getAllColumns()]), C = co({
     attribs: w,
-    onOpenNew: R,
-    headerLabels: g,
+    onOpenNew: S,
+    headerLabels: f,
     contextMenuItems: z
-  }).handleTableBodyContextMenu, { handlePreFetchTasks: K } = ao(), { rows: k } = l.getRowModel(), x = Ne({
+  }).handleTableBodyContextMenu, { handlePreFetchTasks: W } = po(), { rows: k } = l.getRowModel(), b = ke({
     count: k.length,
-    estimateSize: (f) => {
-      const v = k[f];
-      return v ? r(v.original) : D;
+    estimateSize: (m) => {
+      const O = k[m];
+      return O ? r(O.original) : M;
     },
     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 ? (f) => f?.getBoundingClientRect().height : void 0,
+    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (m) => m?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), T = x.getVirtualItems(), A = nt(
-    (f) => {
-      f && x.measureElement(f);
+  }), E = b.getVirtualItems(), A = mt(
+    (m) => {
+      m && b.measureElement(m);
     },
-    [x]
+    [b]
   );
-  uo();
-  const B = /* @__PURE__ */ t.jsx(
+  go();
+  const F = /* @__PURE__ */ t.jsx(
     "tbody",
     {
       style: {
-        height: `${x.getTotalSize()}px`,
+        height: `${b.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
       onContextMenu: C,
-      onMouseOver: (f) => {
-        K(f);
+      onMouseOver: (m) => {
+        W(m);
       },
-      children: T.map((f, v) => {
-        const m = k[f.index];
-        return m ? /* @__PURE__ */ t.jsx(
-          vo,
+      children: E.map((m, O) => {
+        const d = k[m.index];
+        return d ? /* @__PURE__ */ t.jsx(
+          Do,
           {
-            row: m,
-            showHierarchy: d,
-            visibleCells: m.getVisibleCells(),
+            row: d,
+            showHierarchy: a,
+            visibleCells: d.getVisibleCells(),
             virtualColumns: e.getVirtualItems(),
             paddingLeft: h,
-            paddingRight: b,
+            paddingRight: x,
             rowRef: A,
-            dataIndex: f.index,
-            offsetTop: f.start,
+            dataIndex: m.index,
+            offsetTop: m.start,
             sortableRows: u,
             isGrouping: i,
-            rowHeight: r(m.original)
+            rowHeight: r(d.original)
           },
-          m.id + v.toString()
-        ) : (console.warn("Virtualized row data not found for index:", f.index), null);
+          d.id + O.toString()
+        ) : (console.warn("Virtualized row data not found for index:", m.index), null);
       })
     }
   );
-  return S ? n.current && rt(
-    /* @__PURE__ */ t.jsx($t, { children: /* @__PURE__ */ t.jsx(qt, { message: "No items found", error: S, children: a && /* @__PURE__ */ t.jsx(
-      Wt,
+  return R ? n.current && at(
+    /* @__PURE__ */ t.jsx(Ut, { children: /* @__PURE__ */ t.jsx(Yt, { message: "No items found", error: R, children: g && /* @__PURE__ */ t.jsx(
+      Xt,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: a
+        onClick: g
       }
     ) }) }),
     n.current
-  ) : !k.length && !j ? n.current && rt(
-    /* @__PURE__ */ t.jsx($t, { children: /* @__PURE__ */ t.jsx(qt, { message: "No items found", children: a && /* @__PURE__ */ t.jsx(
-      Wt,
+  ) : !k.length && !j ? n.current && at(
+    /* @__PURE__ */ t.jsx(Ut, { children: /* @__PURE__ */ t.jsx(Yt, { message: "No items found", children: g && /* @__PURE__ */ t.jsx(
+      Xt,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: a
+        onClick: g
       }
     ) }) }),
     n.current
-  ) : u ? /* @__PURE__ */ t.jsx(ee, { items: P, strategy: Ze, children: B }) : B;
-}, vo = ({
+  ) : u ? /* @__PURE__ */ t.jsx(re, { items: v, strategy: to, children: F }) : F;
+}, Do = ({
   row: e,
   showHierarchy: l,
   visibleCells: n,
-  virtualColumns: d,
+  virtualColumns: a,
   paddingLeft: h,
-  paddingRight: b,
+  paddingRight: x,
   rowRef: w,
-  dataIndex: R,
-  offsetTop: P,
+  dataIndex: S,
+  offsetTop: v,
   sortableRows: u,
-  isGrouping: S = !1,
+  isGrouping: R = !1,
   rowHeight: j
 }) => {
-  const i = u ? oe({ id: e.id }) : null, r = nt(
-    (a) => {
-      i && i.setNodeRef(a), i && i.isDragging || w(a);
+  const i = u ? se({ id: e.id }) : null, r = mt(
+    (g) => {
+      i && i.setNodeRef(g), i && i.isDragging || w(g);
     },
     [i, w]
-  ), D = {
+  ), M = {
     position: "absolute",
     // Use absolute positioning for virtualized items
-    top: P,
+    top: v,
     // Position based on virtualizer's calculation (virtualRow.start)
     left: 0,
     // Span full width of the relative parent (tbody)
@@ -1044,34 +1046,34 @@ const st = (e) => {
     // Ensure dragged item is above others
     display: "flex",
     // Styled.TR is display:flex
-    transform: i && i.transform ? Ct.Transform.toString(i.transform) : void 0,
+    transform: i && i.transform ? Rt.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__ */ t.jsxs(
-    Yt,
+    te,
     {
       ref: r,
-      "data-index": R,
-      style: D,
-      className: F({ "group-row": e.original.group }),
+      "data-index": S,
+      style: M,
+      className: V({ "group-row": e.original.group }),
       children: [
         h ? (
           //fake empty column to the left for virtualization scroll padding
           /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: h } })
         ) : null,
-        d.map((a, z) => {
-          const g = n[a.index];
-          if (!g) return null;
-          const N = St(e.id, g.column.id);
-          return g.column.id === $ ? /* @__PURE__ */ t.jsx(
-            wt,
+        a.map((g, z) => {
+          const f = n[g.index];
+          if (!f) return null;
+          const N = vt(e.id, f.column.id);
+          return f.column.id === K ? /* @__PURE__ */ t.jsx(
+            Tt,
             {
               style: {
-                ...st(g.column),
-                width: lt(e.id, g.column.id),
+                ...dt(f.column),
+                width: pt(e.id, f.column.id),
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
@@ -1079,8 +1081,8 @@ const st = (e) => {
                 pointerEvents: "all",
                 cursor: "grab"
               },
-              className: F(g.column.id, {
-                "last-pinned-left": g.column.getIsPinned() === "left" && g.column.getIsLastColumn("left")
+              className: V(f.column.id, {
+                "last-pinned-left": f.column.getIsPinned() === "left" && f.column.getIsLastColumn("left")
               }),
               onMouseDown: (C) => C.stopPropagation(),
               onMouseOver: (C) => C.stopPropagation(),
@@ -1089,144 +1091,158 @@ const st = (e) => {
                 C.preventDefault(), C.stopPropagation();
               },
               children: /* @__PURE__ */ t.jsx(
-                Je,
+                Qe,
                 {
                   attributes: i?.attributes,
                   listeners: i?.listeners
                 }
               )
             },
-            g.id + z.toString()
+            f.id + z.toString()
           ) : /* @__PURE__ */ t.jsx(
-            le,
+            ce,
             {
-              cell: g,
+              cell: f,
               cellId: N,
               rowId: e.id,
               showHierarchy: l,
               sortableRows: u,
               rowHeight: j
             },
-            g.id + z.toString()
+            f.id + z.toString()
           );
         }),
-        b ? (
+        x ? (
           //fake empty column to the right for virtualization scroll padding
-          /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: b } })
+          /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: x } })
         ) : null
       ]
     }
   );
-}, le = ({
+}, ce = ({
   cell: e,
   rowId: l,
   cellId: n,
-  className: d,
+  className: a,
   showHierarchy: h,
-  sortableRows: b,
+  sortableRows: x,
   rowHeight: w,
-  ...R
+  ...S
 }) => {
-  const { getEntityById: P, onOpenPlayer: u } = se(), {
-    isCellSelected: S,
+  const { getEntityById: v, onOpenPlayer: u } = pe(), {
+    isCellSelected: R,
     isCellFocused: j,
     startSelection: i,
     extendSelection: r,
-    endSelection: D,
-    selectCell: a,
+    endSelection: M,
+    selectCell: g,
     focusCell: z,
-    getCellBorderClasses: g,
+    getCellBorderClasses: f,
     clearSelection: N,
-    selectedCells: C
-  } = xt(), { isRowSelected: K } = lo(), { isEditing: k, setEditingCellId: x, editingCellId: T } = ne(), A = g(n), f = e.column.getIsPinned() === "left" && e.column.getIsLastColumn("left"), v = e.column.id === L, m = e.row.original.entityType === "group", X = C.size > 1;
+    selectedCells: C,
+    setSelectedCells: W,
+    setAnchorCell: k,
+    setFocusedCellId: b
+  } = jt(), { isRowSelected: E } = mo(), { isEditing: A, setEditingCellId: F, editingCellId: m } = me(), O = f(n), U = e.column.getIsPinned() === "left" && e.column.getIsLastColumn("left"), B = e.column.id === L, et = e.row.original.entityType === "group", _ = C.size > 1;
   return /* @__PURE__ */ t.jsx(
-    wt,
+    Tt,
     {
-      ...R,
+      ...S,
       tabIndex: 0,
-      $isLastPinned: f,
-      className: F(
+      $isLastPinned: U,
+      className: V(
         e.column.id,
         {
-          selected: S(n),
+          selected: R(n),
           focused: j(n),
-          editing: k(n),
-          "last-pinned-left": f,
-          "selected-row": K(l),
-          expandable: !!e.row.originalSubRows && Ke(e.row.original.entityType),
-          "multiple-selected": X
+          editing: A(n),
+          "last-pinned-left": U,
+          "selected-row": E(l),
+          expandable: !!e.row.originalSubRows && We(e.row.original.entityType),
+          "multiple-selected": _
         },
-        d,
-        ...A
+        a,
+        ...O
       ),
       style: {
-        ...st(e.column),
-        width: lt(e.row.id, e.column.id),
+        ...dt(e.column),
+        width: pt(e.row.id, e.column.id),
         height: w
       },
       onMouseDown: (p) => {
         if (p.button !== 0) return;
-        const W = p.target;
-        if (W.closest(".expander") || W.closest(".options")) return;
-        if (m && e.column.id !== "name") return N();
-        const V = Ut(e.row.original.entityType);
-        if (W.closest("." + Gt) && !V) {
-          S(n) || (a(n, !1, !1), z(n)), x(n);
+        const q = p.target;
+        if (q.closest(".expander") || q.closest(".options")) return;
+        if (p.detail === 2) {
+          if (xo(p) || Jt(e.row.original.entityType) || et) {
+            p.preventDefault();
+            return;
+          }
+          if (e.column.id === "name" && !q.closest(".expander")) {
+            const I = vt(e.row.id, L), Y = p.metaKey || p.ctrlKey, J = de(I);
+            W((ct) => {
+              const Q = Y ? new Set(ct) : /* @__PURE__ */ new Set();
+              return Q.add(I), Q.add(n), Q;
+            }), J && (k(J), b(I));
+          } else if (e.column.id === "thumbnail") {
+            if (u) {
+              const I = v(e.row.original.entityId || e.row.id);
+              if (I) {
+                const Y = So(I);
+                u(Y, { quickView: !0 });
+              }
+            }
+          } else
+            F(n);
+          p.preventDefault();
           return;
         }
-        if (T && T !== n) {
-          const O = document.querySelector(
-            `#${T} input, #${T} [role="textbox"]`
+        if (et && e.column.id !== "name") return N();
+        const G = Jt(e.row.original.entityType);
+        if (q.closest("." + Qt) && !G) {
+          R(n) || (g(n, !1, !1), z(n)), F(n);
+          return;
+        }
+        if (m && m !== n) {
+          const D = document.querySelector(
+            `#${m} input, #${m} [role="textbox"]`
           );
-          if (O) {
-            O.blur(), setTimeout(() => {
-              E();
+          if (D) {
+            D.blur(), setTimeout(() => {
+              ot();
             }, 0);
             return;
           }
         }
-        E();
-        function E() {
-          const O = p.metaKey || p.ctrlKey || v;
-          p.shiftKey ? a(n, O, !0) : i(n, O), p.preventDefault();
+        ot();
+        function ot() {
+          const D = p.metaKey || p.ctrlKey || B;
+          p.shiftKey ? g(n, D, !0) : i(n, D), p.preventDefault();
         }
       },
       onMouseOver: (p) => {
         if (p.buttons === 1) {
-          if (p.target.closest("." + Gt)) return;
-          r(n, v);
+          if (p.target.closest("." + Qt)) return;
+          r(n, B);
         }
       },
       onMouseUp: () => {
-        D(n);
+        M(n);
       },
       onDoubleClick: (p) => {
-        if (!(xo(p) || Ut(e.row.original.entityType)) && !m)
-          if (e.column.id === "name" && !p.target.closest(".expander")) {
-            const E = St(e.row.id, L), O = p.metaKey || p.ctrlKey;
-            S(E) || a(E, O, !1), a(n, !0, !1);
-          } else if (e.column.id === "thumbnail") {
-            if (u) {
-              const E = P(e.row.original.entityId || e.row.id);
-              if (E) {
-                const O = So(E);
-                u(O, { quickView: !0 });
-              }
-            }
-          } else
-            x(n);
+        p.preventDefault();
       },
       onContextMenu: (p) => {
-        p.preventDefault(), S(n) || a(n, !1, !1);
+        p.preventDefault(), R(n) || g(n, !1, !1);
       },
       onKeyDown: () => {
       },
-      children: bt(e.column.columnDef.cell, e.getContext())
+      children: It(e.column.columnDef.cell, e.getContext())
     }
   );
 };
 export {
-  $ as DRAG_HANDLE_COLUMN_ID,
-  Ll as ProjectTreeTable
+  K as DRAG_HANDLE_COLUMN_ID,
+  kl as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map