@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTreeTable.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.tsx"],"sourcesContent":["import { useMemo, useRef, useEffect, memo, CSSProperties, useCallback } from 'react' // Added useCallback\nimport { useVirtualizer, VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n// TanStack Table imports\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  filterFns,\n  flexRender,\n  Row,\n  getSortedRowModel,\n  Cell,\n  Column,\n  Table,\n  Header,\n  HeaderGroup,\n  RowData,\n} from '@tanstack/react-table'\n\n// Utility imports\nimport clsx from 'clsx'\n\n// Type imports\nimport type { TableRow } from './types/table'\n\n// Component imports\nimport buildTreeTableColumns, {\n  DefaultColumns,\n  TreeTableExtraColumn,\n} from './buildTreeTableColumns'\nimport * as Styled from './ProjectTreeTable.styled'\nimport HeaderActionButton from './components/HeaderActionButton'\nimport RowDragHandleCellContent from './components/RowDragHandleCellContent' // Added import\nimport EmptyPlaceholder from '../../components/EmptyPlaceholder'\n\n// Context imports\nimport { useCellEditing } from './context/CellEditingContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './context/SelectionCellsContext'\nimport { ClipboardProvider } from './context/ClipboardContext'\nimport { useSelectedRowsContext } from './context/SelectedRowsContext'\nimport { useColumnSettingsContext } from './context/ColumnSettingsContext'\n\n// Hook imports\nimport useCustomColumnWidthVars from './hooks/useCustomColumnWidthVars'\nimport usePrefetchFolderTasks from './hooks/usePrefetchFolderTasks'\nimport useCellContextMenu, { HeaderLabel } from './hooks/useCellContextMenu'\nimport useColumnVirtualization from './hooks/useColumnVirtualization'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\n\n// Utility function imports\nimport { getCellId, parseCellId } from './utils/cellUtils'\nimport { generateLoadingRows, generateDummyAttributes } from './utils/loadingUtils'\nimport { createPortal } from 'react-dom'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { AttributeEnumItem, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { ToggleExpandAll, useProjectTableContext } from './context/ProjectTableContext'\nimport { getEntityViewierIds, getReadOnlyLists, getTableFieldOptions } from './utils'\nimport { EntityUpdate } from './hooks/useUpdateTableData'\n\n// dnd-kit imports\nimport {\n  DragOverlay,\n  type UniqueIdentifier,\n  // Removed: DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, DragEndEvent, DragStartEvent, Active, Over, useSensor, useSensors\n} from '@dnd-kit/core'\n// import { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\ntype CellUpdate = (\n  entity: Omit<EntityUpdate, 'id'>,\n  config?: { selection?: string[] },\n) => Promise<void>\n\ndeclare module '@tanstack/react-table' {\n  interface TableMeta<TData extends RowData> {\n    options?: BuiltInFieldOptions\n    readOnly?: ProjectTreeTableProps['readOnly']\n    projectName?: string\n    updateEntities?: CellUpdate\n    toggleExpandAll?: ToggleExpandAll\n    selection?: string[]\n  }\n}\n\n//These are the important styles to make sticky column pinning work!\n//Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc.\n//View the index.css file for more needed styles such as border-collapse: separate\nconst getCommonPinningStyles = (column: Column<TableRow, unknown>): CSSProperties => {\n  const isPinned = column.getIsPinned()\n  const offset =\n    column.id !== ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0\n\n  return {\n    left: isPinned === 'left' ? `${column.getStart('left') + offset}px` : undefined, // Removed offset\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 100 : 0,\n  }\n}\n\nconst getColumnWidth = (rowId: string, columnId: string) => {\n  return `calc(var(--col-${columnId}-size) * 1px)`\n}\n// test\n\nexport const DRAG_HANDLE_COLUMN_ID = 'drag-handle'\n\nexport interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {\n  scope: string\n  sliceId: string\n  fetchMoreOnBottomReached: (element: HTMLDivElement | null) => void\n  onOpenNew?: (type: 'folder' | 'task') => void\n  readOnly?: (DefaultColumns | string)[]\n  excludedColumns?: (DefaultColumns | string)[]\n  extraColumns?: TreeTableExtraColumn[]\n  isLoading?: boolean\n  clientSorting?: boolean\n  sortableRows?: boolean\n  onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void // Adjusted type for active/over if needed, or keep as Active, Over\n  dndActiveId?: UniqueIdentifier | null // Added prop\n  pt?: {\n    container?: React.HTMLAttributes<HTMLDivElement>\n    head?: Partial<TableHeadProps>\n  }\n}\n\nexport const ProjectTreeTable = ({\n  scope,\n  sliceId,\n  fetchMoreOnBottomReached,\n  onOpenNew,\n  readOnly,\n  excludedColumns,\n  extraColumns,\n  isLoading: isLoadingProp,\n  clientSorting = false,\n  sortableRows = false,\n  onRowReorder,\n  dndActiveId, // Destructure new prop\n  pt,\n  ...props\n}: ProjectTreeTableProps) => {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    setAllColumns,\n    sorting,\n    sortingOnChange,\n    columnPinningOnChange,\n    columnSizingOnChange,\n    columnVisibilityOnChange,\n    columnOrderOnChange,\n    groupBy,\n  } = useColumnSettingsContext()\n  const isGrouping = !!groupBy\n\n  const {\n    projectInfo,\n    tableData,\n    attribFields,\n    entitiesMap,\n    users,\n    isLoading: isLoadingData,\n    error,\n    isInitialized,\n    expanded,\n    projectName,\n    updateExpanded,\n    toggleExpandAll,\n    showHierarchy,\n    fetchNextPage,\n    scopes,\n    getEntityById,\n  } = useProjectTableContext()\n\n  const isLoading = isLoadingProp || isLoadingData\n\n  const { statuses = [], folderTypes = [], taskTypes = [], tags = [] } = projectInfo || {}\n  const options: BuiltInFieldOptions = useMemo(\n    () =>\n      getTableFieldOptions({\n        users,\n        statuses,\n        folderTypes,\n        taskTypes,\n        tags,\n        scopes,\n      }),\n    [users, statuses, folderTypes, taskTypes, scopes, tags],\n  )\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n  // reference of how many rows are currently rendered in the table\n  const tableRowsCountRef = useRef(0)\n\n  // Selection context\n  const { registerGrid } = useSelectionCellsContext()\n\n  // generate loading attrib and rows\n  const { loadingAttrib, loadingRows } = useMemo(() => {\n    // count the number of children in tbody\n    const tableRowsCount = tableContainerRef.current?.querySelectorAll('tbody tr').length || 0\n    const loadingAttrib = generateDummyAttributes()\n    const loadingRows = generateLoadingRows(\n      attribFields,\n      showHierarchy && tableData.length > 0\n        ? Math.min(tableRowsCount, 50)\n        : groupBy\n        ? Math.max(tableRowsCountRef.current, 50)\n        : 50,\n    )\n\n    return { loadingAttrib, loadingRows }\n  }, [])\n\n  const showLoadingRows = !isInitialized || isLoading\n\n  // Format readonly columns and attributes\n  const { readOnlyColumns, readOnlyAttribs } = useMemo(\n    () => getReadOnlyLists(attribFields, readOnly),\n    [attribFields, readOnly],\n  )\n\n  const { selectedCells } = useSelectionCellsContext()\n  const { updateEntities } = useCellEditing()\n\n  const handleCellUpdate: CellUpdate = useCallback(\n    async (entity, config) => {\n      const { selection = [] } = config || {}\n      const entitiesToUpdate: EntityUpdate[] = []\n      if (!selection?.length) {\n        entitiesToUpdate.push({ ...entity, id: entity.rowId })\n      } else {\n        // if includeSelection is true, update all the selected cells with the same columnId\n        const { field, value, isAttrib, type } = entity\n        for (const cellId of selectedCells) {\n          const { colId, rowId } = parseCellId(cellId) || {}\n\n          const entity = getEntityById(rowId || '')\n          if (!entity) continue\n\n          if (colId?.replace('attrib_', '') === field && rowId) {\n            entitiesToUpdate.push({\n              field: field,\n              rowId: rowId,\n              id: entity.entityId,\n              value: value,\n              isAttrib: isAttrib,\n              type: entity.entityType,\n            })\n          }\n        }\n      }\n      await updateEntities(entitiesToUpdate, true)\n    },\n    [updateEntities, getEntityById, selectedCells],\n  )\n\n  const columnAttribs = useMemo(\n    () => (isInitialized ? attribFields : loadingAttrib),\n    [attribFields, loadingAttrib, isInitialized],\n  )\n  const columns = useMemo(() => {\n    const baseColumns = buildTreeTableColumns({\n      attribs: columnAttribs,\n      showHierarchy,\n      options,\n      extraColumns,\n      excluded: excludedColumns,\n      groupBy,\n    })\n\n    if (sortableRows) {\n      return [\n        {\n          id: DRAG_HANDLE_COLUMN_ID,\n          header: () => null,\n          cell: () => null, // Content rendered by TableBodyRow\n          size: 24,\n          minSize: 24,\n          maxSize: 24,\n          enableResizing: false,\n          enableSorting: false,\n          enableHiding: false,\n          enablePinning: false, // Programmatically pinned\n        },\n        ...baseColumns,\n      ]\n    }\n    return baseColumns\n  }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows])\n\n  // Keep ColumnSettingsProvider's allColumns ref up to date\n  useEffect(() => {\n    const ids = columns.map((c) => c.id!).filter(Boolean)\n    setAllColumns(ids)\n  }, [columns, setAllColumns])\n\n  const table = useReactTable({\n    data: showLoadingRows ? loadingRows : tableData,\n    columns,\n    defaultColumn: {\n      minSize: 50,\n      size: 150,\n    },\n    enableRowSelection: true, //enable row selection for all rows\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    getSubRows: (row) => row.subRows,\n    getRowCanExpand: () => true,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // EXPANDABLE\n    onExpandedChange: updateExpanded,\n    // SORTING\n    getSortedRowModel: clientSorting ? getSortedRowModel() : undefined,\n    onSortingChange: sortingOnChange,\n    columnResizeMode: 'onChange',\n    onColumnPinningChange: columnPinningOnChange,\n    onColumnSizingChange: columnSizingOnChange,\n    onColumnVisibilityChange: columnVisibilityOnChange,\n    onColumnOrderChange: columnOrderOnChange,\n    // @ts-ignore\n    filterFns,\n    state: {\n      expanded,\n      sorting,\n      columnPinning: (() => {\n        const leftPins: string[] = []\n        if (sortableRows) {\n          leftPins.push(DRAG_HANDLE_COLUMN_ID)\n        }\n        leftPins.push(ROW_SELECTION_COLUMN_ID)\n\n        // Add other unique pins from context, ensuring they are not the programmatic ones\n        const contextLeftPins = (columnPinning.left || []).filter(\n          (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n        )\n        leftPins.push(...contextLeftPins)\n        // Remove duplicates just in case, though filter should handle it\n        const uniqueLeftPins = [...new Set(leftPins)]\n\n        return {\n          left: uniqueLeftPins,\n          right: columnPinning.right,\n        }\n      })(),\n      columnSizing,\n      columnVisibility,\n      columnOrder,\n    },\n    enableSorting: true,\n    meta: {\n      projectName,\n      options,\n      readOnly: readOnlyColumns,\n      updateEntities: handleCellUpdate,\n      toggleExpandAll,\n      loadMoreTasks: fetchNextPage,\n      selection: Array.from(selectedCells),\n    },\n  })\n\n  // TODO: when there is data (like in error) then we have infinite rendering\n\n  const { rows } = table.getRowModel()\n\n  // update the tableRowsCountRef with the current number of rows\n  useEffect(() => {\n    tableRowsCountRef.current = rows.length\n  }, [rows.length])\n\n  // Register grid structure with selection context when rows or columns change\n  useEffect(() => {\n    if (!rows.length) return\n    const rowIds = rows.map((row) => row.id)\n    const colIds = table.getAllLeafColumns().map((col) => col.id)\n    const colIdsSortedByPinning = [...colIds].sort((a, b) => {\n      if (ROW_SELECTION_COLUMN_ID === b) return 1\n      const colA = columnPinning.left?.includes(a) ? 0 : 1\n      const colB = columnPinning.left?.includes(b) ? 0 : 1\n      return colA - colB\n    })\n\n    registerGrid(rowIds, colIdsSortedByPinning)\n  }, [rows, table.getAllLeafColumns(), columnPinning, ROW_SELECTION_COLUMN_ID, registerGrid])\n\n  const visibleColumns = table.getVisibleLeafColumns()\n\n  // Use the column virtualization hook\n  const { columnVirtualizer, virtualPaddingLeft, virtualPaddingRight } = useColumnVirtualization({\n    visibleColumns,\n    tableContainerRef,\n    columnPinning,\n  })\n\n  const columnSizeVars = useCustomColumnWidthVars(table, columnSizing)\n\n  const attribByField = useMemo(() => {\n    return attribFields.reduce((acc: Record<string, AttributeEnumItem[]>, attrib) => {\n      if (attrib.data?.enum?.length) {\n        acc[attrib.name] = attrib.data?.enum\n      }\n      return acc\n    }, {})\n  }, [attribFields])\n\n  const rowOrderIds = useMemo(() => tableData.map((row) => row.id), [tableData])\n  const draggedRowData = useMemo(() => {\n    if (!dndActiveId || !sortableRows) return null // Use dndActiveId\n    return tableData.find((r) => r.id === dndActiveId) // Use dndActiveId\n  }, [dndActiveId, tableData, sortableRows])\n\n  const tableUiContent = (\n    <ClipboardProvider\n      entitiesMap={entitiesMap}\n      columnEnums={{ ...options, ...attribByField }}\n      columnReadOnly={readOnlyAttribs}\n    >\n      <Styled.TableWrapper {...props}>\n        <Styled.TableContainer\n          ref={tableContainerRef}\n          style={{ height: '100%', padding: 0 }}\n          onScroll={(e) => fetchMoreOnBottomReached(e.currentTarget)}\n          {...pt?.container}\n          className={clsx('table-container', pt?.container?.className)}\n        >\n          <table\n            style={{\n              display: 'grid',\n              borderCollapse: 'collapse',\n              userSelect: 'none',\n              ...columnSizeVars,\n              width: table.getTotalSize(),\n            }}\n          >\n            <TableHead\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              isLoading={isLoading}\n              readOnlyColumns={readOnlyColumns}\n              sortableRows={sortableRows}\n              {...pt?.head}\n            />\n            <TableBody\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              tableContainerRef={tableContainerRef}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              showHierarchy={showHierarchy}\n              attribs={attribFields}\n              onOpenNew={onOpenNew}\n              rowOrderIds={rowOrderIds}\n              sortableRows={sortableRows}\n              error={error}\n              isGrouping={isGrouping}\n            />\n          </table>\n        </Styled.TableContainer>\n      </Styled.TableWrapper>\n    </ClipboardProvider>\n  )\n\n  // Render DragOverlay if sortableRows and dndActiveId is present\n  const dragOverlayPortal =\n    sortableRows &&\n    dndActiveId &&\n    createPortal(\n      <DragOverlay dropAnimation={null}>\n        {draggedRowData\n          ? (() => {\n              const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId)\n              if (!overlayRowInstance) return null\n\n              const tableWidth = table.getTotalSize()\n\n              return (\n                <table\n                  style={{\n                    width: tableWidth,\n                    borderCollapse: 'collapse',\n                    backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n                    ...columnSizeVars,\n                  }}\n                >\n                  <tbody>\n                    <Styled.TR style={{ display: 'flex', userSelect: 'none' }}>\n                      {virtualPaddingLeft ? (\n                        <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                      ) : null}\n                      {columnVirtualizer.getVirtualItems().map((vc) => {\n                        const cell = overlayRowInstance.getVisibleCells()[vc.index]\n                        if (!cell) return null\n\n                        const cellStyleBase: CSSProperties = {\n                          ...getCommonPinningStyles(cell.column),\n                          width: getColumnWidth(overlayRowInstance.id, cell.column.id),\n                          display: 'flex',\n                          alignItems: 'center',\n                          height: 40,\n                        }\n\n                        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n                          return (\n                            <Styled.TableCell\n                              key={`overlay-drag-${cell.id}`}\n                              style={{ ...cellStyleBase, justifyContent: 'center' }}\n                              className={clsx(cell.column.id)}\n                            >\n                              <Icon icon=\"drag_handle\" /> {/* Static icon */}\n                            </Styled.TableCell>\n                          )\n                        }\n                        return (\n                          <TableCellMemo\n                            cell={cell}\n                            cellId={`overlay-${getCellId(overlayRowInstance.id, cell.column.id)}`}\n                            rowId={overlayRowInstance.id}\n                            key={`overlay-cell-${cell.id}`}\n                            showHierarchy={showHierarchy}\n                          />\n                        )\n                      })}\n                      {virtualPaddingRight ? (\n                        <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                      ) : null}\n                    </Styled.TR>\n                  </tbody>\n                </table>\n              )\n            })()\n          : null}\n      </DragOverlay>,\n      document.body,\n    )\n\n  if (sortableRows) {\n    return (\n      <>\n        {tableUiContent}\n        {dragOverlayPortal}\n      </>\n    )\n  } else {\n    return tableUiContent\n  }\n}\n\ninterface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHead = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n  ...props\n}: TableHeadProps) => {\n  return (\n    <Styled.TableHeader {...props}>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeadRow\n          key={headerGroup.id}\n          columnVirtualizer={columnVirtualizer}\n          headerGroup={headerGroup}\n          virtualPaddingLeft={virtualPaddingLeft}\n          virtualPaddingRight={virtualPaddingRight}\n          isLoading={isLoading}\n          readOnlyColumns={readOnlyColumns}\n          sortableRows={sortableRows}\n        />\n      ))}\n    </Styled.TableHeader>\n  )\n}\n\ninterface TableHeadRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  headerGroup: HeaderGroup<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHeadRow = ({\n  columnVirtualizer,\n  headerGroup,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n}: TableHeadRowProps) => {\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n  return (\n    <Styled.ColumnHeader key={headerGroup.id} style={{ display: 'flex' }}>\n      {virtualPaddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n      ) : null}\n      {virtualColumns.map((virtualColumn) => {\n        const header = headerGroup.headers[virtualColumn.index]\n\n        return (\n          <TableHeadCell\n            key={header.id}\n            header={header}\n            isLoading={isLoading}\n            isReadOnly={readOnlyColumns?.includes(header.id)}\n            canSort={header.column.getCanSort()}\n            canFilter={header.column.getCanFilter()}\n            canHide={header.column.getCanHide()}\n            canPin={header.column.getCanPin()}\n            canResize={header.column.getCanResize()}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n      {virtualPaddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingRight }} />\n      ) : null}\n    </Styled.ColumnHeader>\n  )\n}\n\ninterface TableHeadCellProps {\n  header: Header<TableRow, unknown>\n  isLoading: boolean\n  canSort?: boolean\n  canFilter?: boolean\n  canHide?: boolean\n  canPin?: boolean\n  canResize?: boolean\n  isReadOnly?: boolean\n  sortableRows?: boolean\n}\n\nconst TableHeadCell = ({\n  header,\n  isLoading,\n  canFilter,\n  canHide,\n  canSort,\n  canPin,\n  canResize,\n  isReadOnly,\n  sortableRows,\n}: TableHeadCellProps) => {\n  const { column } = header\n\n  return (\n    <Styled.HeaderCell\n      className={clsx(header.id, 'shimmer-dark', {\n        loading: isLoading,\n        'last-pinned-left': column.getIsPinned() === 'left' && column.getIsLastColumn('left'),\n      })}\n      key={header.id}\n      style={{\n        ...getCommonPinningStyles(column),\n        width: getColumnWidth('', column.id),\n      }}\n    >\n      {header.isPlaceholder ? null : (\n        <Styled.TableCellContent className={clsx('bold', 'header')}>\n          {flexRender(column.columnDef.header, header.getContext())}\n          {isReadOnly && (\n            <Icon icon=\"lock\" data-tooltip={'You only have permission to read this column.'} />\n          )}\n\n          <Styled.HeaderButtons className=\"actions\">\n            {/* COLUMN HIDING */}\n            {canHide && (\n              <HeaderActionButton\n                icon=\"visibility_off\"\n                selected={!column.getIsVisible()}\n                onClick={column.getToggleVisibilityHandler()}\n              />\n            )}\n            {/* COLUMN PINNING */}\n            {canPin && (\n              <HeaderActionButton\n                icon=\"push_pin\"\n                selected={header.column.getIsPinned() === 'left'}\n                onClick={() => {\n                  if (header.column.getIsPinned() === 'left') {\n                    header.column.pin(false)\n                  } else {\n                    header.column.pin('left')\n                  }\n                }}\n              />\n            )}\n\n            {/* COLUMN SORTING */}\n            {canSort && (\n              <HeaderActionButton\n                icon={'sort'}\n                style={{\n                  transform: (column.getIsSorted() as string) === 'asc' ? 'scaleY(-1)' : undefined,\n                }}\n                onClick={column.getToggleSortingHandler()}\n                selected={!!column.getIsSorted()}\n              />\n            )}\n          </Styled.HeaderButtons>\n          {canResize && (\n            <Styled.ResizedHandler\n              {...{\n                onDoubleClick: () => column.resetSize(),\n                onMouseDown: header.getResizeHandler(),\n                onTouchStart: header.getResizeHandler(),\n                className: clsx('resize-handle', {\n                  resizing: column.getIsResizing(),\n                }),\n              }}\n            />\n          )}\n        </Styled.TableCellContent>\n      )}\n    </Styled.HeaderCell>\n  )\n}\n\ninterface TableBodyProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  showHierarchy: boolean\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  attribs: ProjectTableAttribute[]\n  onOpenNew?: (type: 'folder' | 'task') => void\n  rowOrderIds: UniqueIdentifier[]\n  sortableRows: boolean\n  error?: string\n  isGrouping: boolean\n}\n\nconst TableBody = ({\n  columnVirtualizer,\n  table,\n  tableContainerRef,\n  showHierarchy,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  attribs,\n  onOpenNew,\n  rowOrderIds,\n  sortableRows,\n  error,\n  isGrouping,\n}: TableBodyProps) => {\n  const headerLabels = useMemo(() => {\n    const allColumns = table.getAllColumns()\n    const headers = allColumns\n      .map((col) => {\n        const headerId = col.id\n        const header = col.columnDef.header\n        if (typeof header === 'string' || typeof header === 'number') {\n          return { label: header, id: headerId }\n        }\n        return null\n      })\n      .filter(Boolean)\n\n    return headers as HeaderLabel[]\n  }, [table.getAllColumns()])\n\n  const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew, headerLabels })\n\n  const { handlePreFetchTasks } = usePrefetchFolderTasks()\n\n  const { rows } = table.getRowModel()\n\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => 40, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  // Memoize the measureElement callback\n  const measureRowElement = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  useKeyboardNavigation()\n\n  const tbodyContent = (\n    <tbody\n      style={{\n        height: `${rowVirtualizer.getTotalSize()}px`,\n        position: 'relative',\n        display: 'grid',\n      }}\n      onContextMenu={handleTableBodyContextMenu}\n      onMouseOver={(e) => {\n        handlePreFetchTasks(e)\n      }}\n    >\n      {virtualRows.map((virtualRow, i) => {\n        const row = rows[virtualRow.index] as Row<TableRow>\n        // Add a check for row existence to prevent potential errors if data is out of sync\n        if (!row) {\n          console.warn('Virtualized row data not found for index:', virtualRow.index)\n          return null\n        }\n        return (\n          <TableBodyRow\n            key={row.id + i.toString()} // dnd-kit needs this key to be stable and match the id in useSortable\n            row={row}\n            showHierarchy={showHierarchy}\n            visibleCells={row.getVisibleCells()}\n            virtualColumns={columnVirtualizer.getVirtualItems()}\n            paddingLeft={virtualPaddingLeft}\n            paddingRight={virtualPaddingRight}\n            rowRef={measureRowElement}\n            dataIndex={virtualRow.index}\n            offsetTop={virtualRow.start}\n            sortableRows={sortableRows}\n            isGrouping={isGrouping}\n          />\n        )\n      })}\n    </tbody>\n  )\n\n  if (error) {\n    return (\n      tableContainerRef.current &&\n      createPortal(\n        <EmptyPlaceholder message=\"No items found\" error={error} />,\n        tableContainerRef.current,\n      )\n    )\n  }\n\n  if (sortableRows) {\n    return (\n      <SortableContext items={rowOrderIds} strategy={verticalListSortingStrategy}>\n        {tbodyContent}\n      </SortableContext>\n    )\n  } else {\n    return tbodyContent\n  }\n}\n\ninterface TableBodyRowProps {\n  row: Row<TableRow>\n  showHierarchy: boolean\n  visibleCells: Cell<TableRow, unknown>[]\n  virtualColumns: VirtualItem[]\n  paddingLeft: number | undefined\n  paddingRight: number | undefined\n  rowRef: (node: HTMLTableRowElement | null) => void\n  dataIndex: number\n  offsetTop: number\n  sortableRows: boolean\n  isGrouping: boolean\n}\n\nconst TableBodyRow = ({\n  row,\n  showHierarchy,\n  visibleCells,\n  virtualColumns,\n  paddingLeft,\n  paddingRight,\n  rowRef,\n  dataIndex,\n  offsetTop,\n  sortableRows,\n  isGrouping = false,\n}: TableBodyRowProps) => {\n  const sortable = sortableRows ? useSortable({ id: row.id }) : null\n\n  const combinedRef = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (sortable) {\n        sortable.setNodeRef(node)\n      }\n      // rowRef for virtualizer measurement\n      // only measure if not actively being transformed by dnd-kit\n      if (!(sortable && sortable.isDragging)) {\n        rowRef(node)\n      }\n    },\n    [sortable, rowRef],\n  )\n\n  // Attempt to combine dnd-kit transform with virtualizer's offsetTop\n  const style: CSSProperties = {\n    position: 'absolute', // Use absolute positioning for virtualized items\n    top: offsetTop, // Position based on virtualizer's calculation (virtualRow.start)\n    left: 0, // Span full width of the relative parent (tbody)\n    right: 0, // Span full width\n    height: 40, // Explicit height can be beneficial for absolute positioning\n    zIndex: sortable && sortable.isDragging ? 0 : 1, // Ensure dragged item is above others\n    display: 'flex', // Styled.TR is display:flex\n    transform:\n      sortable && sortable.transform ? CSS.Transform.toString(sortable.transform) : undefined, // Apply dnd-kit's transform for drag effect\n    transition: sortable && sortable.transition ? sortable.transition : undefined,\n    visibility: sortable && sortable.isDragging ? 'hidden' : 'visible', // Hide the row being dragged\n  }\n\n  return (\n    <Styled.TR\n      ref={combinedRef}\n      data-index={dataIndex} //needed for dynamic row height measurement\n      style={style}\n      className={clsx({ 'group-row': row.original.group })}\n    >\n      {paddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingLeft }} />\n      ) : null}\n      {virtualColumns.map((vc, i) => {\n        const cell = visibleCells[vc.index]\n        if (!cell) return null // Should not happen in normal circumstances\n\n        const cellId = getCellId(row.id, cell.column.id)\n\n        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n          return (\n            <Styled.TableCell\n              key={cell.id + i.toString()}\n              style={{\n                ...getCommonPinningStyles(cell.column),\n                width: getColumnWidth(row.id, cell.column.id),\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                height: 40,\n              }}\n              className={clsx(cell.column.id, {\n                'last-pinned-left':\n                  cell.column.getIsPinned() === 'left' && cell.column.getIsLastColumn('left'),\n              })}\n              onMouseDown={(e) => e.stopPropagation()} // Prevent selection interference\n              onMouseOver={(e) => e.stopPropagation()}\n              // Removed onMouseUp stopPropagation to allow dnd-kit to handle it\n              onDoubleClick={(e) => e.stopPropagation()}\n              onContextMenu={(e) => {\n                e.preventDefault()\n                e.stopPropagation()\n              }}\n            >\n              <RowDragHandleCellContent\n                attributes={sortable?.attributes}\n                listeners={sortable?.listeners}\n              />\n            </Styled.TableCell>\n          )\n        }\n        return (\n          <TableCellMemo\n            cell={cell}\n            cellId={cellId}\n            rowId={row.id}\n            key={cell.id + i.toString()}\n            showHierarchy={showHierarchy}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n\n      {paddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingRight }} />\n      ) : null}\n    </Styled.TR>\n  )\n}\n\ninterface TableCellProps {\n  cell: Cell<TableRow, unknown>\n  cellId: string\n  rowId: string\n  className?: string\n  showHierarchy: boolean\n  sortableRows?: boolean\n}\n\nconst TableCell = ({\n  cell,\n  rowId,\n  cellId,\n  className,\n  showHierarchy,\n  sortableRows,\n  ...props\n}: TableCellProps) => {\n  const { getEntityById, onOpenPlayer } = useProjectTableContext()\n\n  const {\n    isCellSelected,\n    isCellFocused,\n    startSelection,\n    extendSelection,\n    endSelection,\n    selectCell,\n    focusCell,\n    getCellBorderClasses,\n    clearSelection,\n  } = useSelectionCellsContext()\n\n  const { isRowSelected } = useSelectedRowsContext()\n\n  const { isEditing } = useCellEditing()\n\n  const borderClasses = getCellBorderClasses(cellId)\n\n  const isPinned = cell.column.getIsPinned()\n  const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left')\n  const isRowSelectionColumn = cell.column.id === ROW_SELECTION_COLUMN_ID\n  const isGroup = cell.row.original.entityType === 'group'\n\n  return (\n    <Styled.TableCell\n      {...props}\n      tabIndex={0}\n      $isLastPinned={isLastLeftPinnedColumn} // is this column the last pinned column? Custom styling for borders.\n      className={clsx(\n        cell.column.id,\n        {\n          selected: isCellSelected(cellId),\n          focused: isCellFocused(cellId),\n          editing: isEditing(cellId),\n          'last-pinned-left': isLastLeftPinnedColumn,\n          'selected-row': isRowSelected(rowId),\n          task: cell.row.original.entityType === 'task',\n        },\n        className,\n        ...borderClasses,\n      )}\n      style={{\n        ...getCommonPinningStyles(cell.column),\n        width: getColumnWidth(cell.row.id, cell.column.id),\n        height: 40,\n      }}\n      onMouseDown={(e) => {\n        // Only process left clicks (button 0), ignore right clicks\n        if (e.button !== 0) return\n\n        const target = e.target as HTMLElement\n\n        // check we are not clicking on expander\n        if (target.closest('.expander')) return\n\n        // if selection options from a dropdown skip\n        if (target.closest('.options')) return\n\n        // if selecting dropdown expand icon, make sure it is selected ()\n        if (target.closest('.expand')) {\n          if (!isCellSelected(cellId)) {\n            // select\n            selectCell(cellId, false, false)\n            // focus\n            focusCell(cellId)\n          }\n          return\n        }\n\n        // only name column can be selected for group rows\n        if (isGroup && cell.column.id !== 'name') return clearSelection()\n\n        const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn\n        if (e.shiftKey) {\n          // Shift+click extends selection from anchor cell\n          selectCell(cellId, additive, true) // true for range selection\n        } else {\n          // Normal click starts a new selection\n          startSelection(cellId, additive)\n        }\n      }}\n      onMouseOver={(e) => {\n        if (e.buttons === 1) {\n          // Left button is pressed during mouse move - drag selection\n          extendSelection(cellId, isRowSelectionColumn)\n        }\n      }}\n      onMouseUp={() => {\n        endSelection(cellId)\n      }}\n      onDoubleClick={(e) => {\n        // row selection on name column double click\n        if (\n          cell.column.id === 'name' &&\n          !(e.target as HTMLElement).closest('.expander') &&\n          !isGroup\n        ) {\n          // select the row by selecting the row-selection cell\n          const rowSelectionCellId = getCellId(cell.row.id, ROW_SELECTION_COLUMN_ID)\n          if (!isCellSelected(rowSelectionCellId)) {\n            const additive = e.metaKey || e.ctrlKey\n            selectCell(rowSelectionCellId, additive, false)\n          }\n        }\n        // open the viewer on thumbnail double click\n        if (cell.column.id === 'thumbnail') {\n          if (onOpenPlayer) {\n            const entity = getEntityById(cell.row.original.entityId || cell.row.id)\n            if (entity) {\n              const targetIds = getEntityViewierIds(entity)\n              onOpenPlayer(targetIds, { quickView: true })\n            }\n          }\n        }\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault()\n        // if the cell is not selected, select it and deselect all others\n        if (!isCellSelected(cellId)) {\n          selectCell(cellId, false, false)\n        }\n      }}\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Styled.TableCell>\n  )\n}\n\nconst TableCellMemo = memo(TableCell)\n"],"names":["_a","loadingAttrib","loadingRows","entity","jsx","Styled.TableWrapper","Styled.TableContainer","jsxs","Styled.TR","Styled.TableCell","Fragment","Styled.TableHeader","Styled.ColumnHeader","Styled.HeaderCell","Styled.TableCellContent","Styled.HeaderButtons","Styled.ResizedHandler"],"mappings":"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"}
+{"version":3,"file":"ProjectTreeTable.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.tsx"],"sourcesContent":["import { useMemo, useRef, useEffect, memo, CSSProperties, useCallback, UIEventHandler } from 'react' // Added useCallback\nimport { useVirtualizer, VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n// TanStack Table imports\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  filterFns,\n  flexRender,\n  Row,\n  getSortedRowModel,\n  Cell,\n  Column,\n  Table,\n  Header,\n  HeaderGroup,\n  RowData,\n} from '@tanstack/react-table'\n\n// Utility imports\nimport clsx from 'clsx'\n\n// Type imports\nimport type { TableRow } from './types/table'\n\n// Component imports\nimport buildTreeTableColumns, {\n  DefaultColumns,\n  TreeTableExtraColumn,\n} from './buildTreeTableColumns'\nimport * as Styled from './ProjectTreeTable.styled'\nimport HeaderActionButton from './components/HeaderActionButton'\nimport RowDragHandleCellContent from './components/RowDragHandleCellContent' // Added import\nimport EmptyPlaceholder from '../../components/EmptyPlaceholder'\n\n// Context imports\nimport { useCellEditing } from './context/CellEditingContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './context/SelectionCellsContext'\nimport { ClipboardProvider } from './context/ClipboardContext'\nimport { useSelectedRowsContext } from './context/SelectedRowsContext'\nimport { useColumnSettingsContext } from './context/ColumnSettingsContext'\n\n// Hook imports\nimport useCustomColumnWidthVars from './hooks/useCustomColumnWidthVars'\nimport usePrefetchFolderTasks from './hooks/usePrefetchFolderTasks'\nimport useCellContextMenu, { HeaderLabel } from './hooks/useCellContextMenu'\nimport useColumnVirtualization from './hooks/useColumnVirtualization'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\n\n// Utility function imports\nimport { getCellId, parseCellId } from './utils/cellUtils'\nimport { generateLoadingRows, generateDummyAttributes } from './utils/loadingUtils'\nimport { createPortal } from 'react-dom'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { AttributeEnumItem, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { ToggleExpandAll, useProjectTableContext } from './context/ProjectTableContext'\nimport { getEntityViewierIds, getReadOnlyLists, getTableFieldOptions } from './utils'\nimport { EntityUpdate } from './hooks/useUpdateTableData'\n\n// dnd-kit imports\nimport {\n  DragOverlay,\n  type UniqueIdentifier,\n  // Removed: DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, DragEndEvent, DragStartEvent, Active, Over, useSensor, useSensors\n} from '@dnd-kit/core'\n// import { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { EDIT_TRIGGER_CLASS } from './widgets/CellWidget'\n\ntype CellUpdate = (\n  entity: Omit<EntityUpdate, 'id'>,\n  config?: { selection?: string[] },\n) => Promise<void>\n\ndeclare module '@tanstack/react-table' {\n  interface TableMeta<TData extends RowData> {\n    options?: BuiltInFieldOptions\n    readOnly?: ProjectTreeTableProps['readOnly']\n    projectName?: string\n    updateEntities?: CellUpdate\n    toggleExpandAll?: ToggleExpandAll\n    selection?: string[]\n  }\n}\n\n//These are the important styles to make sticky column pinning work!\n//Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc.\n//View the index.css file for more needed styles such as border-collapse: separate\nconst getCommonPinningStyles = (column: Column<TableRow, unknown>): CSSProperties => {\n  const isPinned = column.getIsPinned()\n  const offset =\n    column.id !== ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0\n\n  return {\n    left: isPinned === 'left' ? `${column.getStart('left') + offset}px` : undefined, // Removed offset\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 100 : 0,\n  }\n}\n\nconst getColumnWidth = (rowId: string, columnId: string) => {\n  return `calc(var(--col-${columnId}-size) * 1px)`\n}\n// test\n\nexport const DRAG_HANDLE_COLUMN_ID = 'drag-handle'\n\nexport interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {\n  scope: string\n  sliceId: string\n  onScrollBottom?: React.HTMLAttributes<HTMLDivElement>['onScroll']\n  onOpenNew?: (type: 'folder' | 'task') => void\n  readOnly?: (DefaultColumns | string)[]\n  excludedColumns?: (DefaultColumns | string)[]\n  extraColumns?: TreeTableExtraColumn[]\n  isLoading?: boolean\n  clientSorting?: boolean\n  sortableRows?: boolean\n  onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void // Adjusted type for active/over if needed, or keep as Active, Over\n  dndActiveId?: UniqueIdentifier | null // Added prop\n  pt?: {\n    container?: React.HTMLAttributes<HTMLDivElement>\n    head?: Partial<TableHeadProps>\n  }\n}\n\nexport const ProjectTreeTable = ({\n  scope,\n  sliceId,\n  onScroll,\n  onScrollBottom, // when the user scrolls to the bottom of the table, this callback is called\n  onOpenNew,\n  readOnly,\n  excludedColumns,\n  extraColumns,\n  isLoading: isLoadingProp,\n  clientSorting = false,\n  sortableRows = false,\n  onRowReorder,\n  dndActiveId, // Destructure new prop\n  pt,\n  ...props\n}: ProjectTreeTableProps) => {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    setAllColumns,\n    sorting,\n    sortingOnChange,\n    columnPinningOnChange,\n    columnSizingOnChange,\n    columnVisibilityOnChange,\n    columnOrderOnChange,\n    groupBy,\n  } = useColumnSettingsContext()\n  const isGrouping = !!groupBy\n\n  const {\n    projectInfo,\n    tableData,\n    attribFields,\n    entitiesMap,\n    users,\n    isLoading: isLoadingData,\n    error,\n    isInitialized,\n    expanded,\n    projectName,\n    updateExpanded,\n    toggleExpandAll,\n    showHierarchy,\n    fetchNextPage,\n    scopes,\n    getEntityById,\n  } = useProjectTableContext()\n\n  const isLoading = isLoadingProp || isLoadingData\n\n  const {\n    statuses = [],\n    folderTypes = [],\n    taskTypes = [],\n    tags = [],\n    linkTypes = [],\n  } = projectInfo || {}\n  const options: BuiltInFieldOptions = useMemo(\n    () =>\n      getTableFieldOptions({\n        users,\n        statuses,\n        folderTypes,\n        taskTypes,\n        tags,\n        scopes,\n      }),\n    [users, statuses, folderTypes, taskTypes, scopes, tags],\n  )\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n  // reference of how many rows are currently rendered in the table\n  const tableRowsCountRef = useRef(0)\n\n  // Selection context\n  const { registerGrid } = useSelectionCellsContext()\n\n  // generate loading attrib and rows\n  const { loadingAttrib, loadingRows } = useMemo(() => {\n    // count the number of children in tbody\n    const tableRowsCount = tableContainerRef.current?.querySelectorAll('tbody tr').length || 0\n    const loadingAttrib = generateDummyAttributes()\n    const loadingRows = generateLoadingRows(\n      attribFields,\n      showHierarchy && tableData.length > 0\n        ? Math.min(tableRowsCount, 50)\n        : groupBy\n        ? Math.max(tableRowsCountRef.current, 50)\n        : 50,\n    )\n\n    return { loadingAttrib, loadingRows }\n  }, [])\n\n  const showLoadingRows = !isInitialized || isLoading\n\n  // Format readonly columns and attributes\n  const { readOnlyColumns, readOnlyAttribs } = useMemo(\n    () => getReadOnlyLists(attribFields, readOnly),\n    [attribFields, readOnly],\n  )\n\n  const { selectedCells } = useSelectionCellsContext()\n  const { updateEntities } = useCellEditing()\n\n  const handleCellUpdate: CellUpdate = useCallback(\n    async (entity, config) => {\n      const { selection = [] } = config || {}\n      const entitiesToUpdate: EntityUpdate[] = []\n      if (!selection?.length) {\n        entitiesToUpdate.push({ ...entity, id: entity.rowId })\n      } else {\n        // if includeSelection is true, update all the selected cells with the same columnId\n        const { field, value, isAttrib, type } = entity\n        for (const cellId of selectedCells) {\n          const { colId, rowId } = parseCellId(cellId) || {}\n\n          const entity = getEntityById(rowId || '')\n          if (!entity) continue\n\n          if (colId?.replace('attrib_', '') === field && rowId) {\n            entitiesToUpdate.push({\n              field: field,\n              rowId: rowId,\n              id: entity.entityId,\n              value: value,\n              isAttrib: isAttrib,\n              type: entity.entityType,\n            })\n          }\n        }\n      }\n      await updateEntities(entitiesToUpdate, true)\n    },\n    [updateEntities, getEntityById, selectedCells],\n  )\n\n  const columnAttribs = useMemo(\n    () => (isInitialized ? attribFields : loadingAttrib),\n    [attribFields, loadingAttrib, isInitialized],\n  )\n  const columns = useMemo(() => {\n    const baseColumns = buildTreeTableColumns({\n      attribs: columnAttribs,\n      links: linkTypes,\n      showHierarchy,\n      options,\n      extraColumns,\n      excluded: excludedColumns,\n      groupBy,\n    })\n\n    if (sortableRows) {\n      return [\n        {\n          id: DRAG_HANDLE_COLUMN_ID,\n          header: () => null,\n          cell: () => null, // Content rendered by TableBodyRow\n          size: 24,\n          minSize: 24,\n          maxSize: 24,\n          enableResizing: false,\n          enableSorting: false,\n          enableHiding: false,\n          enablePinning: false, // Programmatically pinned\n        },\n        ...baseColumns,\n      ]\n    }\n    return baseColumns\n  }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows])\n\n  // Keep ColumnSettingsProvider's allColumns ref up to date\n  useEffect(() => {\n    const ids = columns.map((c) => c.id!).filter(Boolean)\n    setAllColumns(ids)\n  }, [columns, setAllColumns])\n\n  const table = useReactTable({\n    data: showLoadingRows ? loadingRows : tableData,\n    columns,\n    defaultColumn: {\n      minSize: 50,\n      size: 150,\n    },\n    enableRowSelection: true, //enable row selection for all rows\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    getSubRows: (row) => row.subRows,\n    getRowCanExpand: () => true,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // EXPANDABLE\n    onExpandedChange: updateExpanded,\n    // SORTING\n    getSortedRowModel: clientSorting ? getSortedRowModel() : undefined,\n    onSortingChange: sortingOnChange,\n    columnResizeMode: 'onChange',\n    onColumnPinningChange: columnPinningOnChange,\n    onColumnSizingChange: columnSizingOnChange,\n    onColumnVisibilityChange: columnVisibilityOnChange,\n    onColumnOrderChange: columnOrderOnChange,\n    // @ts-ignore\n    filterFns,\n    state: {\n      expanded,\n      sorting,\n      columnPinning: (() => {\n        const leftPins: string[] = []\n        if (sortableRows) {\n          leftPins.push(DRAG_HANDLE_COLUMN_ID)\n        }\n        leftPins.push(ROW_SELECTION_COLUMN_ID)\n\n        // Add other unique pins from context, ensuring they are not the programmatic ones\n        const contextLeftPins = (columnPinning.left || []).filter(\n          (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n        )\n        leftPins.push(...contextLeftPins)\n        // Remove duplicates just in case, though filter should handle it\n        const uniqueLeftPins = [...new Set(leftPins)]\n\n        return {\n          left: uniqueLeftPins,\n          right: columnPinning.right,\n        }\n      })(),\n      columnSizing,\n      columnVisibility,\n      columnOrder,\n    },\n    enableSorting: true,\n    meta: {\n      projectName,\n      options,\n      readOnly: readOnlyColumns,\n      updateEntities: handleCellUpdate,\n      toggleExpandAll,\n      loadMoreTasks: fetchNextPage,\n      selection: Array.from(selectedCells),\n    },\n  })\n\n  // TODO: when there is data (like in error) then we have infinite rendering\n\n  const { rows } = table.getRowModel()\n\n  // update the tableRowsCountRef with the current number of rows\n  useEffect(() => {\n    tableRowsCountRef.current = rows.length\n  }, [rows.length])\n\n  // Register grid structure with selection context when rows or columns change\n  useEffect(() => {\n    if (!rows.length) return\n    const rowIds = rows.map((row) => row.id)\n    const colIds = table.getAllLeafColumns().map((col) => col.id)\n    const colIdsSortedByPinning = [...colIds].sort((a, b) => {\n      if (ROW_SELECTION_COLUMN_ID === b) return 1\n      const colA = columnPinning.left?.includes(a) ? 0 : 1\n      const colB = columnPinning.left?.includes(b) ? 0 : 1\n      return colA - colB\n    })\n\n    registerGrid(rowIds, colIdsSortedByPinning)\n  }, [rows, table.getAllLeafColumns(), columnPinning, ROW_SELECTION_COLUMN_ID, registerGrid])\n\n  const visibleColumns = table.getVisibleLeafColumns()\n\n  // Use the column virtualization hook\n  const { columnVirtualizer, virtualPaddingLeft, virtualPaddingRight } = useColumnVirtualization({\n    visibleColumns,\n    tableContainerRef,\n    columnPinning,\n  })\n\n  const columnSizeVars = useCustomColumnWidthVars(table, columnSizing)\n\n  const attribByField = useMemo(() => {\n    return attribFields.reduce((acc: Record<string, AttributeEnumItem[]>, attrib) => {\n      if (attrib.data?.enum?.length) {\n        acc[attrib.name] = attrib.data?.enum\n      }\n      return acc\n    }, {})\n  }, [attribFields])\n\n  const rowOrderIds = useMemo(() => tableData.map((row) => row.id), [tableData])\n  const draggedRowData = useMemo(() => {\n    if (!dndActiveId || !sortableRows) return null // Use dndActiveId\n    return tableData.find((r) => r.id === dndActiveId) // Use dndActiveId\n  }, [dndActiveId, tableData, sortableRows])\n\n  const combinedScrollHandler: UIEventHandler<HTMLDivElement> = useCallback(\n    (e) => {\n      // Call the original onScroll if provided\n      onScroll?.(e)\n\n      if (onScrollBottom) {\n        const containerRefElement = e.currentTarget\n        if (containerRefElement && !showHierarchy && !groupBy) {\n          const { scrollHeight, scrollTop, clientHeight } = containerRefElement\n          //once the user has scrolled within 500px of the bottom of the table, fetch more data if we can\n          if (scrollHeight - scrollTop - clientHeight < 500 && !isLoading) {\n            onScrollBottom(e)\n          }\n        }\n      }\n    },\n    [onScroll, onScrollBottom, showHierarchy, groupBy, isLoading],\n  )\n\n  const tableUiContent = (\n    <ClipboardProvider\n      entitiesMap={entitiesMap}\n      columnEnums={{ ...options, ...attribByField }}\n      columnReadOnly={readOnlyAttribs}\n    >\n      <Styled.TableWrapper {...props}>\n        <Styled.TableContainer\n          ref={tableContainerRef}\n          style={{ height: '100%', padding: 0 }}\n          onScroll={combinedScrollHandler}\n          {...pt?.container}\n          className={clsx('table-container', pt?.container?.className)}\n        >\n          <table\n            style={{\n              display: 'grid',\n              borderCollapse: 'collapse',\n              userSelect: 'none',\n              ...columnSizeVars,\n              width: table.getTotalSize(),\n            }}\n          >\n            <TableHead\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              isLoading={isLoading}\n              readOnlyColumns={readOnlyColumns}\n              sortableRows={sortableRows}\n              {...pt?.head}\n            />\n            <TableBody\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              tableContainerRef={tableContainerRef}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              showHierarchy={showHierarchy}\n              attribs={attribFields}\n              onOpenNew={onOpenNew}\n              rowOrderIds={rowOrderIds}\n              sortableRows={sortableRows}\n              error={error}\n              isGrouping={isGrouping}\n            />\n          </table>\n        </Styled.TableContainer>\n      </Styled.TableWrapper>\n    </ClipboardProvider>\n  )\n\n  // Render DragOverlay if sortableRows and dndActiveId is present\n  const dragOverlayPortal =\n    sortableRows &&\n    dndActiveId &&\n    createPortal(\n      <DragOverlay dropAnimation={null}>\n        {draggedRowData\n          ? (() => {\n              const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId)\n              if (!overlayRowInstance) return null\n\n              const tableWidth = table.getTotalSize()\n\n              return (\n                <table\n                  style={{\n                    width: tableWidth,\n                    borderCollapse: 'collapse',\n                    backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n                    ...columnSizeVars,\n                  }}\n                >\n                  <tbody>\n                    <Styled.TR style={{ display: 'flex', userSelect: 'none' }}>\n                      {virtualPaddingLeft ? (\n                        <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                      ) : null}\n                      {columnVirtualizer.getVirtualItems().map((vc) => {\n                        const cell = overlayRowInstance.getVisibleCells()[vc.index]\n                        if (!cell) return null\n\n                        const cellStyleBase: CSSProperties = {\n                          ...getCommonPinningStyles(cell.column),\n                          width: getColumnWidth(overlayRowInstance.id, cell.column.id),\n                          display: 'flex',\n                          alignItems: 'center',\n                          height: 40,\n                        }\n\n                        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n                          return (\n                            <Styled.TableCell\n                              key={`overlay-drag-${cell.id}`}\n                              style={{ ...cellStyleBase, justifyContent: 'center' }}\n                              className={clsx(cell.column.id)}\n                            >\n                              <Icon icon=\"drag_handle\" /> {/* Static icon */}\n                            </Styled.TableCell>\n                          )\n                        }\n                        return (\n                          <TableCellMemo\n                            cell={cell}\n                            cellId={`overlay-${getCellId(overlayRowInstance.id, cell.column.id)}`}\n                            rowId={overlayRowInstance.id}\n                            key={`overlay-cell-${cell.id}`}\n                            showHierarchy={showHierarchy}\n                          />\n                        )\n                      })}\n                      {virtualPaddingRight ? (\n                        <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                      ) : null}\n                    </Styled.TR>\n                  </tbody>\n                </table>\n              )\n            })()\n          : null}\n      </DragOverlay>,\n      document.body,\n    )\n\n  if (sortableRows) {\n    return (\n      <>\n        {tableUiContent}\n        {dragOverlayPortal}\n      </>\n    )\n  } else {\n    return tableUiContent\n  }\n}\n\ninterface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHead = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n  ...props\n}: TableHeadProps) => {\n  return (\n    <Styled.TableHeader {...props}>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeadRow\n          key={headerGroup.id}\n          columnVirtualizer={columnVirtualizer}\n          headerGroup={headerGroup}\n          virtualPaddingLeft={virtualPaddingLeft}\n          virtualPaddingRight={virtualPaddingRight}\n          isLoading={isLoading}\n          readOnlyColumns={readOnlyColumns}\n          sortableRows={sortableRows}\n        />\n      ))}\n    </Styled.TableHeader>\n  )\n}\n\ninterface TableHeadRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  headerGroup: HeaderGroup<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHeadRow = ({\n  columnVirtualizer,\n  headerGroup,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n}: TableHeadRowProps) => {\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n  return (\n    <Styled.ColumnHeader key={headerGroup.id} style={{ display: 'flex' }}>\n      {virtualPaddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n      ) : null}\n      {virtualColumns.map((virtualColumn) => {\n        const header = headerGroup.headers[virtualColumn.index]\n\n        return (\n          <TableHeadCell\n            key={header.id}\n            header={header}\n            isLoading={isLoading}\n            isReadOnly={readOnlyColumns?.includes(header.id)}\n            canSort={header.column.getCanSort()}\n            canFilter={header.column.getCanFilter()}\n            canHide={header.column.getCanHide()}\n            canPin={header.column.getCanPin()}\n            canResize={header.column.getCanResize()}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n      {virtualPaddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingRight }} />\n      ) : null}\n    </Styled.ColumnHeader>\n  )\n}\n\ninterface TableHeadCellProps {\n  header: Header<TableRow, unknown>\n  isLoading: boolean\n  canSort?: boolean\n  canFilter?: boolean\n  canHide?: boolean\n  canPin?: boolean\n  canResize?: boolean\n  isReadOnly?: boolean\n  sortableRows?: boolean\n}\n\nconst TableHeadCell = ({\n  header,\n  isLoading,\n  canFilter,\n  canHide,\n  canSort,\n  canPin,\n  canResize,\n  isReadOnly,\n  sortableRows,\n}: TableHeadCellProps) => {\n  const { column } = header\n\n  return (\n    <Styled.HeaderCell\n      className={clsx(header.id, 'shimmer-dark', {\n        loading: isLoading,\n        'last-pinned-left': column.getIsPinned() === 'left' && column.getIsLastColumn('left'),\n      })}\n      key={header.id}\n      style={{\n        ...getCommonPinningStyles(column),\n        width: getColumnWidth('', column.id),\n      }}\n    >\n      {header.isPlaceholder ? null : (\n        <Styled.TableCellContent className={clsx('bold', 'header')}>\n          {flexRender(column.columnDef.header, header.getContext())}\n          {isReadOnly && (\n            <Icon icon=\"lock\" data-tooltip={'You only have permission to read this column.'} />\n          )}\n\n          <Styled.HeaderButtons className=\"actions\">\n            {/* COLUMN HIDING */}\n            {canHide && (\n              <HeaderActionButton\n                icon=\"visibility_off\"\n                selected={!column.getIsVisible()}\n                onClick={column.getToggleVisibilityHandler()}\n              />\n            )}\n            {/* COLUMN PINNING */}\n            {canPin && (\n              <HeaderActionButton\n                icon=\"push_pin\"\n                selected={header.column.getIsPinned() === 'left'}\n                onClick={() => {\n                  if (header.column.getIsPinned() === 'left') {\n                    header.column.pin(false)\n                  } else {\n                    header.column.pin('left')\n                  }\n                }}\n              />\n            )}\n\n            {/* COLUMN SORTING */}\n            {canSort && (\n              <HeaderActionButton\n                icon={'sort'}\n                style={{\n                  transform: (column.getIsSorted() as string) === 'asc' ? 'scaleY(-1)' : undefined,\n                }}\n                onClick={column.getToggleSortingHandler()}\n                selected={!!column.getIsSorted()}\n              />\n            )}\n          </Styled.HeaderButtons>\n          {canResize && (\n            <Styled.ResizedHandler\n              {...{\n                onDoubleClick: () => column.resetSize(),\n                onMouseDown: header.getResizeHandler(),\n                onTouchStart: header.getResizeHandler(),\n                className: clsx('resize-handle', {\n                  resizing: column.getIsResizing(),\n                }),\n              }}\n            />\n          )}\n        </Styled.TableCellContent>\n      )}\n    </Styled.HeaderCell>\n  )\n}\n\ninterface TableBodyProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  showHierarchy: boolean\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  attribs: ProjectTableAttribute[]\n  onOpenNew?: (type: 'folder' | 'task') => void\n  rowOrderIds: UniqueIdentifier[]\n  sortableRows: boolean\n  error?: string\n  isGrouping: boolean\n}\n\nconst TableBody = ({\n  columnVirtualizer,\n  table,\n  tableContainerRef,\n  showHierarchy,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  attribs,\n  onOpenNew,\n  rowOrderIds,\n  sortableRows,\n  error,\n  isGrouping,\n}: TableBodyProps) => {\n  const headerLabels = useMemo(() => {\n    const allColumns = table.getAllColumns()\n    const headers = allColumns\n      .map((col) => {\n        const headerId = col.id\n        const header = col.columnDef.header\n        if (typeof header === 'string' || typeof header === 'number') {\n          return { label: header, id: headerId }\n        }\n        return null\n      })\n      .filter(Boolean)\n\n    return headers as HeaderLabel[]\n  }, [table.getAllColumns()])\n\n  const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew, headerLabels })\n\n  const { handlePreFetchTasks } = usePrefetchFolderTasks()\n\n  const { rows } = table.getRowModel()\n\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => 40, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  // Memoize the measureElement callback\n  const measureRowElement = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  useKeyboardNavigation()\n\n  const tbodyContent = (\n    <tbody\n      style={{\n        height: `${rowVirtualizer.getTotalSize()}px`,\n        position: 'relative',\n        display: 'grid',\n      }}\n      onContextMenu={handleTableBodyContextMenu}\n      onMouseOver={(e) => {\n        handlePreFetchTasks(e)\n      }}\n    >\n      {virtualRows.map((virtualRow, i) => {\n        const row = rows[virtualRow.index] as Row<TableRow>\n        // Add a check for row existence to prevent potential errors if data is out of sync\n        if (!row) {\n          console.warn('Virtualized row data not found for index:', virtualRow.index)\n          return null\n        }\n        return (\n          <TableBodyRow\n            key={row.id + i.toString()} // dnd-kit needs this key to be stable and match the id in useSortable\n            row={row}\n            showHierarchy={showHierarchy}\n            visibleCells={row.getVisibleCells()}\n            virtualColumns={columnVirtualizer.getVirtualItems()}\n            paddingLeft={virtualPaddingLeft}\n            paddingRight={virtualPaddingRight}\n            rowRef={measureRowElement}\n            dataIndex={virtualRow.index}\n            offsetTop={virtualRow.start}\n            sortableRows={sortableRows}\n            isGrouping={isGrouping}\n          />\n        )\n      })}\n    </tbody>\n  )\n\n  if (error) {\n    return (\n      tableContainerRef.current &&\n      createPortal(\n        <EmptyPlaceholder message=\"No items found\" error={error} />,\n        tableContainerRef.current,\n      )\n    )\n  }\n\n  if (sortableRows) {\n    return (\n      <SortableContext items={rowOrderIds} strategy={verticalListSortingStrategy}>\n        {tbodyContent}\n      </SortableContext>\n    )\n  } else {\n    return tbodyContent\n  }\n}\n\ninterface TableBodyRowProps {\n  row: Row<TableRow>\n  showHierarchy: boolean\n  visibleCells: Cell<TableRow, unknown>[]\n  virtualColumns: VirtualItem[]\n  paddingLeft: number | undefined\n  paddingRight: number | undefined\n  rowRef: (node: HTMLTableRowElement | null) => void\n  dataIndex: number\n  offsetTop: number\n  sortableRows: boolean\n  isGrouping: boolean\n}\n\nconst TableBodyRow = ({\n  row,\n  showHierarchy,\n  visibleCells,\n  virtualColumns,\n  paddingLeft,\n  paddingRight,\n  rowRef,\n  dataIndex,\n  offsetTop,\n  sortableRows,\n  isGrouping = false,\n}: TableBodyRowProps) => {\n  const sortable = sortableRows ? useSortable({ id: row.id }) : null\n\n  const combinedRef = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (sortable) {\n        sortable.setNodeRef(node)\n      }\n      // rowRef for virtualizer measurement\n      // only measure if not actively being transformed by dnd-kit\n      if (!(sortable && sortable.isDragging)) {\n        rowRef(node)\n      }\n    },\n    [sortable, rowRef],\n  )\n\n  // Attempt to combine dnd-kit transform with virtualizer's offsetTop\n  const style: CSSProperties = {\n    position: 'absolute', // Use absolute positioning for virtualized items\n    top: offsetTop, // Position based on virtualizer's calculation (virtualRow.start)\n    left: 0, // Span full width of the relative parent (tbody)\n    right: 0, // Span full width\n    height: 40, // Explicit height can be beneficial for absolute positioning\n    zIndex: sortable && sortable.isDragging ? 0 : 1, // Ensure dragged item is above others\n    display: 'flex', // Styled.TR is display:flex\n    transform:\n      sortable && sortable.transform ? CSS.Transform.toString(sortable.transform) : undefined, // Apply dnd-kit's transform for drag effect\n    transition: sortable && sortable.transition ? sortable.transition : undefined,\n    visibility: sortable && sortable.isDragging ? 'hidden' : 'visible', // Hide the row being dragged\n  }\n\n  return (\n    <Styled.TR\n      ref={combinedRef}\n      data-index={dataIndex} //needed for dynamic row height measurement\n      style={style}\n      className={clsx({ 'group-row': row.original.group })}\n    >\n      {paddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingLeft }} />\n      ) : null}\n      {virtualColumns.map((vc, i) => {\n        const cell = visibleCells[vc.index]\n        if (!cell) return null // Should not happen in normal circumstances\n\n        const cellId = getCellId(row.id, cell.column.id)\n\n        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n          return (\n            <Styled.TableCell\n              key={cell.id + i.toString()}\n              style={{\n                ...getCommonPinningStyles(cell.column),\n                width: getColumnWidth(row.id, cell.column.id),\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                height: 40,\n              }}\n              className={clsx(cell.column.id, {\n                'last-pinned-left':\n                  cell.column.getIsPinned() === 'left' && cell.column.getIsLastColumn('left'),\n              })}\n              onMouseDown={(e) => e.stopPropagation()} // Prevent selection interference\n              onMouseOver={(e) => e.stopPropagation()}\n              // Removed onMouseUp stopPropagation to allow dnd-kit to handle it\n              onDoubleClick={(e) => e.stopPropagation()}\n              onContextMenu={(e) => {\n                e.preventDefault()\n                e.stopPropagation()\n              }}\n            >\n              <RowDragHandleCellContent\n                attributes={sortable?.attributes}\n                listeners={sortable?.listeners}\n              />\n            </Styled.TableCell>\n          )\n        }\n        return (\n          <TableCellMemo\n            cell={cell}\n            cellId={cellId}\n            rowId={row.id}\n            key={cell.id + i.toString()}\n            showHierarchy={showHierarchy}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n\n      {paddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingRight }} />\n      ) : null}\n    </Styled.TR>\n  )\n}\n\ninterface TableCellProps {\n  cell: Cell<TableRow, unknown>\n  cellId: string\n  rowId: string\n  className?: string\n  showHierarchy: boolean\n  sortableRows?: boolean\n}\n\nconst TableCell = ({\n  cell,\n  rowId,\n  cellId,\n  className,\n  showHierarchy,\n  sortableRows,\n  ...props\n}: TableCellProps) => {\n  const { getEntityById, onOpenPlayer } = useProjectTableContext()\n\n  const {\n    isCellSelected,\n    isCellFocused,\n    startSelection,\n    extendSelection,\n    endSelection,\n    selectCell,\n    focusCell,\n    getCellBorderClasses,\n    clearSelection,\n  } = useSelectionCellsContext()\n\n  const { isRowSelected } = useSelectedRowsContext()\n\n  const { isEditing, setEditingCellId } = useCellEditing()\n\n  const borderClasses = getCellBorderClasses(cellId)\n\n  const isPinned = cell.column.getIsPinned()\n  const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left')\n  const isRowSelectionColumn = cell.column.id === ROW_SELECTION_COLUMN_ID\n  const isGroup = cell.row.original.entityType === 'group'\n\n  return (\n    <Styled.TableCell\n      {...props}\n      tabIndex={0}\n      $isLastPinned={isLastLeftPinnedColumn} // is this column the last pinned column? Custom styling for borders.\n      className={clsx(\n        cell.column.id,\n        {\n          selected: isCellSelected(cellId),\n          focused: isCellFocused(cellId),\n          editing: isEditing(cellId),\n          'last-pinned-left': isLastLeftPinnedColumn,\n          'selected-row': isRowSelected(rowId),\n          task: cell.row.original.entityType === 'task',\n        },\n        className,\n        ...borderClasses,\n      )}\n      style={{\n        ...getCommonPinningStyles(cell.column),\n        width: getColumnWidth(cell.row.id, cell.column.id),\n        height: 40,\n      }}\n      onMouseDown={(e) => {\n        // Only process left clicks (button 0), ignore right clicks\n        if (e.button !== 0) return\n\n        const target = e.target as HTMLElement\n\n        // check we are not clicking on expander\n        if (target.closest('.expander')) return\n\n        // if we are clicking on an edit trigger, we need to start editing\n        if (target.closest('.' + EDIT_TRIGGER_CLASS)) {\n          if (!isCellSelected(cellId)) {\n            // if the cell is not selected, select it and deselect all others\n            selectCell(cellId, false, false)\n            focusCell(cellId)\n          }\n          // start editing the cell\n          setEditingCellId(cellId)\n\n          return\n        }\n\n        // check we are not clicking in a dropdown\n        if (target.closest('.options')) return\n\n        // only name column can be selected for group rows\n        if (isGroup && cell.column.id !== 'name') return clearSelection()\n\n        const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn\n        if (e.shiftKey) {\n          // Shift+click extends selection from anchor cell\n          selectCell(cellId, additive, true) // true for range selection\n        } else {\n          // Normal click starts a new selection\n          startSelection(cellId, additive)\n        }\n      }}\n      onMouseOver={(e) => {\n        if (e.buttons === 1) {\n          // Left button is pressed during mouse move - drag selection\n          extendSelection(cellId, isRowSelectionColumn)\n        }\n      }}\n      onMouseUp={() => {\n        endSelection(cellId)\n      }}\n      onDoubleClick={(e) => {\n        // row selection on name column double click\n        if (\n          cell.column.id === 'name' &&\n          !(e.target as HTMLElement).closest('.expander') &&\n          !isGroup\n        ) {\n          // select the row by selecting the row-selection cell\n          const rowSelectionCellId = getCellId(cell.row.id, ROW_SELECTION_COLUMN_ID)\n          if (!isCellSelected(rowSelectionCellId)) {\n            const additive = e.metaKey || e.ctrlKey\n            selectCell(rowSelectionCellId, additive, false)\n          }\n        }\n        // open the viewer on thumbnail double click\n        if (cell.column.id === 'thumbnail') {\n          if (onOpenPlayer) {\n            const entity = getEntityById(cell.row.original.entityId || cell.row.id)\n            if (entity) {\n              const targetIds = getEntityViewierIds(entity)\n              onOpenPlayer(targetIds, { quickView: true })\n            }\n          }\n        }\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault()\n        // if the cell is not selected, select it and deselect all others\n        if (!isCellSelected(cellId)) {\n          selectCell(cellId, false, false)\n        }\n      }}\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Styled.TableCell>\n  )\n}\n\nconst TableCellMemo = memo(TableCell)\n"],"names":["_a","loadingAttrib","loadingRows","entity","jsx","Styled.TableWrapper","Styled.TableContainer","jsxs","Styled.TR","Styled.TableCell","Fragment","Styled.TableHeader","Styled.ColumnHeader","Styled.HeaderCell","Styled.TableCellContent","Styled.HeaderButtons","Styled.ResizedHandler"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js

@@ -18,6 +18,7 @@ const TR = styled.tr`
 
   &:hover {
     // When the row (TR) is hovered...
+
     // Target the button inside the drag handle cell to make it visible at 50% opacity.
     // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.
     td.${DRAG_HANDLE_CLASS} button {
@@ -137,6 +138,8 @@ const HeaderButtons = styled.div`
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
+  background-color: var(--md-sys-color-surface-container-lowest);
+  padding-left: 4px;
 `;
 const TableCell = styled.td`
   position: relative;
@@ -172,6 +175,18 @@ const TableCell = styled.td`
     background-color: var(--md-sys-color-surface-container-high);
   }
 
+  /* show hover effect only if direct child div does NOT have .readonly */
+  &:not(:has(> div.readonly)) {
+    cursor: pointer;
+    &:hover {
+      background-color: var(--md-sys-color-surface-container);
+    }
+
+    .selected {
+      background-color: var(--md-sys-color-secondary-container);
+    }
+  }
+
   &.selected {
     background-color: var(--md-sys-color-secondary-container);
     position: relative;
@@ -359,9 +374,19 @@ const TableContainer = styled.div`
     width: 100%;
   }
 `;
+const LinkColumnHeader = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  .icon {
+    font-size: 18px;
+    color: var(--md-sys-color-outline);
+  }
+`;
 exports.ColumnHeader = ColumnHeader;
 exports.HeaderButtons = HeaderButtons;
 exports.HeaderCell = HeaderCell;
+exports.LinkColumnHeader = LinkColumnHeader;
 exports.ResizedHandler = ResizedHandler;
 exports.TR = TR;
 exports.TableCell = TableCell;

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTreeTable.styled.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n  const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n  const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n  return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n  display: flex;\n  position: absolute;\n  width: 100%;\n\n  &:hover {\n    // When the row (TR) is hovered...\n    // Target the button inside the drag handle cell to make it visible at 50% opacity.\n    // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n    td.${DRAG_HANDLE_CLASS} button {\n      opacity: 0.5;\n      visibility: visible;\n    }\n\n    // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n    // Make the button 100% opacity. This selector is more specific and will override the above.\n    td.${DRAG_HANDLE_CLASS} button:hover {\n      opacity: 1;\n    }\n  }\n\n  &.group-row {\n    td {\n      /* group headers do not have vertical grid lines */\n      box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n    }\n  }\n`\n\nexport const TableCellContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  border-radius: var(--border-radius-m);\n  user-select: none;\n  padding-right: 0;\n\n  &.bold {\n    font-weight: 600;\n  }\n\n  &.loading {\n    margin: 0px 5px;\n    padding: 0 !important;\n    width: calc(100% - 10px);\n    height: 28px;\n    margin-top: 3px;\n\n    &:not(.hierarchy) {\n      height: 32px;\n    }\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const ResizedHandler = styled.div`\n  position: absolute;\n  right: -1px;\n  top: 0;\n  bottom: 0;\n  width: 6px;\n  cursor: col-resize;\n  background-color: var(--md-sys-color-surface-container-high);\n\n  opacity: 0;\n\n  &.resizing {\n    background-color: var(--md-sys-color-primary);\n    opacity: 1;\n  }\n`\n\nexport const ColumnHeader = styled.tr`\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n  position: relative;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n  display: flex;\n  align-items: center;\n  min-height: fit-content;\n\n  &:hover {\n    .resize-handle {\n      opacity: 1;\n    }\n  }\n\n  /* show action button */\n  &:hover {\n    .action {\n      display: flex;\n    }\n  }\n\n  /* Styling for the last pinned left column */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* special styles for the left selection column */\n  &.__row_selection__ {\n    min-width: unset;\n    width: 20px !important;\n\n    .actions {\n      display: none;\n    }\n  }\n`\n\nexport const HeaderButtons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  position: absolute;\n  z-index: 10;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n`\n\ntype TableCellProps = {\n  $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  box-shadow: ${getDefaultShadow(false)};\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.${DRAG_HANDLE_CLASS} {\n    // Styles for the button inside the drag handle cell\n    button {\n      opacity: 0; // Default: hidden\n      visibility: hidden;\n      transition: opacity 0.2s ease, visibility 0.2s ease;\n      // Base appearance styles (cursor, border, background, etc.)\n      // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n      // Add any necessary overrides or defaults here if needed.\n      // For example, ensuring the button itself doesn't interfere with cell styling:\n      background: transparent;\n      border: none;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &.task {\n    background-color: hsl(216 15% 11.5% / 1);\n  }\n\n  &.selected-row {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-secondary-container);\n    position: relative;\n    z-index: 1;\n  }\n\n  /* remove default focus style */\n  &:focus-visible {\n    outline: none;\n  }\n\n  /* Styling for the last pinned left column */\n  /* extra border on the right */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* Shadow combinations - single side */\n  &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Two sides */\n  &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n    box-shadow: ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n    box-shadow: ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Three sides */\n  &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n    box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n    box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* All four sides */\n  &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Focus styling */\n  &.focused {\n    position: relative;\n    z-index: 2;\n  }\n\n  /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n  &.focused::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid var(--md-sys-color-primary);\n    pointer-events: none;\n  }\n\n  &.editing {\n    z-index: 10 !important;\n    /* light border around the outside */\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 2px;\n      border: 2px solid var(--md-sys-color-surface-container-low);\n    }\n  }\n\n  /* special styles for selection bar cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n\n    &.selected {\n      background-color: var(--md-sys-color-primary-container) !important;\n      box-shadow: none !important;\n      /* reveal the check mark */\n      [icon='check'] {\n        display: block;\n      }\n    }\n  }\n`\n\nexport const TableHeader = styled.thead`\n  display: grid !important;\n  position: sticky;\n  top: 0;\n  min-height: 34px;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const TableWrapper = styled.div`\n  overflow: hidden;\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 0;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  td {\n    height: 34px;\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,eAAe;AACrB,MAAM,aAAa;AAEnB,MAAM,mBAAmB,CAAC,iBAA0B;AAClD,QAAM,gBAAgB;AACtB,QAAM,0BAA0B;AAChC,SAAO,eAAe,0BAA0B;AAClD;AAGA,MAAM,oBAAoB;AAEnB,MAAM,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAShB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAOjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAanB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkChC,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB9B,MAAM,eAAe,OAAO;AAAA;AAAA;AAI5B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsC1B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe7B,MAAM,YAAY,OAAO;AAAA;AAAA,gBAEhB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA,MAGjC,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAiDL,SAAS,KAAK,CAAC,EAAE,cAAoB,MAAA,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAI7E,WAAW,KAAK,CAAC,EAAE,cAAoB,MAAA,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAI/E,YAAY,KAAK,CAAC,EAAE,cAAoB,MAAA,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIhF,UAAU,KAAK,CAAC,EAAE,cAAoB,MAAA,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK9E,SAAS,KAAK,WAAW;AAAA,QACnC,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,SAAS,KAAK,YAAY;AAAA,QACpC,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,SAAS,KAAK,UAAU;AAAA,QAClC,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,WAAW,KAAK,YAAY;AAAA,QACtC,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,WAAW,KAAK,UAAU;AAAA,QACpC,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,YAAY,KAAK,UAAU;AAAA,QACrC,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKrD,SAAS,KAAK,WAAW,KAAK,YAAY;AAAA,QACpD,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,SAAS,KAAK,WAAW,KAAK,UAAU;AAAA,QAClD,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,SAAS,KAAK,YAAY,KAAK,UAAU;AAAA,QACnD,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrD,WAAW,KAAK,YAAY,KAAK,UAAU;AAAA,QACrD,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKrD,SAAS,KAAK,WAAW,KAAK,YAAY,KAAK,UAAU;AAAA,QACnE,CAAC,EAAE,oBAAoB,iBAAiB,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDhE,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS5B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"ProjectTreeTable.styled.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n  const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n  const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n  return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n  display: flex;\n  position: absolute;\n  width: 100%;\n\n  &:hover {\n    // When the row (TR) is hovered...\n\n    // Target the button inside the drag handle cell to make it visible at 50% opacity.\n    // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n    td.${DRAG_HANDLE_CLASS} button {\n      opacity: 0.5;\n      visibility: visible;\n    }\n\n    // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n    // Make the button 100% opacity. This selector is more specific and will override the above.\n    td.${DRAG_HANDLE_CLASS} button:hover {\n      opacity: 1;\n    }\n  }\n\n  &.group-row {\n    td {\n      /* group headers do not have vertical grid lines */\n      box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n    }\n  }\n`\n\nexport const TableCellContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  border-radius: var(--border-radius-m);\n  user-select: none;\n  padding-right: 0;\n\n  &.bold {\n    font-weight: 600;\n  }\n\n  &.loading {\n    margin: 0px 5px;\n    padding: 0 !important;\n    width: calc(100% - 10px);\n    height: 28px;\n    margin-top: 3px;\n\n    &:not(.hierarchy) {\n      height: 32px;\n    }\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const ResizedHandler = styled.div`\n  position: absolute;\n  right: -1px;\n  top: 0;\n  bottom: 0;\n  width: 6px;\n  cursor: col-resize;\n  background-color: var(--md-sys-color-surface-container-high);\n\n  opacity: 0;\n\n  &.resizing {\n    background-color: var(--md-sys-color-primary);\n    opacity: 1;\n  }\n`\n\nexport const ColumnHeader = styled.tr`\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n  position: relative;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n  display: flex;\n  align-items: center;\n  min-height: fit-content;\n\n  &:hover {\n    .resize-handle {\n      opacity: 1;\n    }\n  }\n\n  /* show action button */\n  &:hover {\n    .action {\n      display: flex;\n    }\n  }\n\n  /* Styling for the last pinned left column */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* special styles for the left selection column */\n  &.__row_selection__ {\n    min-width: unset;\n    width: 20px !important;\n\n    .actions {\n      display: none;\n    }\n  }\n`\n\nexport const HeaderButtons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  position: absolute;\n  z-index: 10;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  padding-left: 4px;\n`\n\ntype TableCellProps = {\n  $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  box-shadow: ${getDefaultShadow(false)};\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.${DRAG_HANDLE_CLASS} {\n    // Styles for the button inside the drag handle cell\n    button {\n      opacity: 0; // Default: hidden\n      visibility: hidden;\n      transition: opacity 0.2s ease, visibility 0.2s ease;\n      // Base appearance styles (cursor, border, background, etc.)\n      // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n      // Add any necessary overrides or defaults here if needed.\n      // For example, ensuring the button itself doesn't interfere with cell styling:\n      background: transparent;\n      border: none;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &.task {\n    background-color: hsl(216 15% 11.5% / 1);\n  }\n\n  &.selected-row {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  /* show hover effect only if direct child div does NOT have .readonly */\n  &:not(:has(> div.readonly)) {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container);\n    }\n\n    .selected {\n      background-color: var(--md-sys-color-secondary-container);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-secondary-container);\n    position: relative;\n    z-index: 1;\n  }\n\n  /* remove default focus style */\n  &:focus-visible {\n    outline: none;\n  }\n\n  /* Styling for the last pinned left column */\n  /* extra border on the right */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* Shadow combinations - single side */\n  &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Two sides */\n  &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n    box-shadow: ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n    box-shadow: ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Three sides */\n  &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n    box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n    box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* All four sides */\n  &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Focus styling */\n  &.focused {\n    position: relative;\n    z-index: 2;\n  }\n\n  /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n  &.focused::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid var(--md-sys-color-primary);\n    pointer-events: none;\n  }\n\n  &.editing {\n    z-index: 10 !important;\n    /* light border around the outside */\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 2px;\n      border: 2px solid var(--md-sys-color-surface-container-low);\n    }\n  }\n\n  /* special styles for selection bar cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n\n    &.selected {\n      background-color: var(--md-sys-color-primary-container) !important;\n      box-shadow: none !important;\n      /* reveal the check mark */\n      [icon='check'] {\n        display: block;\n      }\n    }\n  }\n`\n\nexport const TableHeader = styled.thead`\n  display: grid !important;\n  position: sticky;\n  top: 0;\n  min-height: 34px;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const TableWrapper = styled.div`\n  overflow: hidden;\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 0;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  td {\n    height: 34px;\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const LinkColumnHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  .icon {\n    font-size: 18px;\n    color: var(--md-sys-color-outline);\n  }\n`\n"],"names":[],"mappings":"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"}

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

@@ -16,6 +16,7 @@ const TR = styled.tr`
 
   &:hover {
     // When the row (TR) is hovered...
+
     // Target the button inside the drag handle cell to make it visible at 50% opacity.
     // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.
     td.${DRAG_HANDLE_CLASS} button {
@@ -135,6 +136,8 @@ const HeaderButtons = styled.div`
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
+  background-color: var(--md-sys-color-surface-container-lowest);
+  padding-left: 4px;
 `;
 const TableCell = styled.td`
   position: relative;
@@ -170,6 +173,18 @@ const TableCell = styled.td`
     background-color: var(--md-sys-color-surface-container-high);
   }
 
+  /* show hover effect only if direct child div does NOT have .readonly */
+  &:not(:has(> div.readonly)) {
+    cursor: pointer;
+    &:hover {
+      background-color: var(--md-sys-color-surface-container);
+    }
+
+    .selected {
+      background-color: var(--md-sys-color-secondary-container);
+    }
+  }
+
   &.selected {
     background-color: var(--md-sys-color-secondary-container);
     position: relative;
@@ -357,10 +372,20 @@ const TableContainer = styled.div`
     width: 100%;
   }
 `;
+const LinkColumnHeader = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  .icon {
+    font-size: 18px;
+    color: var(--md-sys-color-outline);
+  }
+`;
 export {
   ColumnHeader,
   HeaderButtons,
   HeaderCell,
+  LinkColumnHeader,
   ResizedHandler,
   TR,
   TableCell,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTreeTable.styled.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n  const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n  const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n  return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n  display: flex;\n  position: absolute;\n  width: 100%;\n\n  &:hover {\n    // When the row (TR) is hovered...\n    // Target the button inside the drag handle cell to make it visible at 50% opacity.\n    // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n    td.${DRAG_HANDLE_CLASS} button {\n      opacity: 0.5;\n      visibility: visible;\n    }\n\n    // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n    // Make the button 100% opacity. This selector is more specific and will override the above.\n    td.${DRAG_HANDLE_CLASS} button:hover {\n      opacity: 1;\n    }\n  }\n\n  &.group-row {\n    td {\n      /* group headers do not have vertical grid lines */\n      box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n    }\n  }\n`\n\nexport const TableCellContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  border-radius: var(--border-radius-m);\n  user-select: none;\n  padding-right: 0;\n\n  &.bold {\n    font-weight: 600;\n  }\n\n  &.loading {\n    margin: 0px 5px;\n    padding: 0 !important;\n    width: calc(100% - 10px);\n    height: 28px;\n    margin-top: 3px;\n\n    &:not(.hierarchy) {\n      height: 32px;\n    }\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const ResizedHandler = styled.div`\n  position: absolute;\n  right: -1px;\n  top: 0;\n  bottom: 0;\n  width: 6px;\n  cursor: col-resize;\n  background-color: var(--md-sys-color-surface-container-high);\n\n  opacity: 0;\n\n  &.resizing {\n    background-color: var(--md-sys-color-primary);\n    opacity: 1;\n  }\n`\n\nexport const ColumnHeader = styled.tr`\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n  position: relative;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n  display: flex;\n  align-items: center;\n  min-height: fit-content;\n\n  &:hover {\n    .resize-handle {\n      opacity: 1;\n    }\n  }\n\n  /* show action button */\n  &:hover {\n    .action {\n      display: flex;\n    }\n  }\n\n  /* Styling for the last pinned left column */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* special styles for the left selection column */\n  &.__row_selection__ {\n    min-width: unset;\n    width: 20px !important;\n\n    .actions {\n      display: none;\n    }\n  }\n`\n\nexport const HeaderButtons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  position: absolute;\n  z-index: 10;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n`\n\ntype TableCellProps = {\n  $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  box-shadow: ${getDefaultShadow(false)};\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.${DRAG_HANDLE_CLASS} {\n    // Styles for the button inside the drag handle cell\n    button {\n      opacity: 0; // Default: hidden\n      visibility: hidden;\n      transition: opacity 0.2s ease, visibility 0.2s ease;\n      // Base appearance styles (cursor, border, background, etc.)\n      // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n      // Add any necessary overrides or defaults here if needed.\n      // For example, ensuring the button itself doesn't interfere with cell styling:\n      background: transparent;\n      border: none;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &.task {\n    background-color: hsl(216 15% 11.5% / 1);\n  }\n\n  &.selected-row {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-secondary-container);\n    position: relative;\n    z-index: 1;\n  }\n\n  /* remove default focus style */\n  &:focus-visible {\n    outline: none;\n  }\n\n  /* Styling for the last pinned left column */\n  /* extra border on the right */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* Shadow combinations - single side */\n  &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Two sides */\n  &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n    box-shadow: ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n    box-shadow: ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Three sides */\n  &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n    box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n    box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* All four sides */\n  &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Focus styling */\n  &.focused {\n    position: relative;\n    z-index: 2;\n  }\n\n  /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n  &.focused::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid var(--md-sys-color-primary);\n    pointer-events: none;\n  }\n\n  &.editing {\n    z-index: 10 !important;\n    /* light border around the outside */\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 2px;\n      border: 2px solid var(--md-sys-color-surface-container-low);\n    }\n  }\n\n  /* special styles for selection bar cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n\n    &.selected {\n      background-color: var(--md-sys-color-primary-container) !important;\n      box-shadow: none !important;\n      /* reveal the check mark */\n      [icon='check'] {\n        display: block;\n      }\n    }\n  }\n`\n\nexport const TableHeader = styled.thead`\n  display: grid !important;\n  position: sticky;\n  top: 0;\n  min-height: 34px;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const TableWrapper = styled.div`\n  overflow: hidden;\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 0;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  td {\n    height: 34px;\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProjectTreeTable.styled.es.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// Create shadow mixins to make combinations work properly\nconst topShadow = `inset 0 1px 0 0 var(--md-sys-color-primary)`\nconst rightShadow = `inset -1px 0 0 0 var(--md-sys-color-primary)`\nconst bottomShadow = `inset 0 -1px 0 0 var(--md-sys-color-primary)`\nconst leftShadow = `inset 1px 0 0 0 var(--md-sys-color-primary)`\n\nconst getDefaultShadow = (isLastPinned: boolean) => {\n  const defaultShadow = `inset 1px -1px 0 0 var(--md-sys-color-surface-container)`\n  const defaultShadowLastPinned = `inset -2px -1px 0 0 var(--md-sys-color-surface-container), inset 1px 0 0 0 var(--md-sys-color-surface-container)`\n  return isLastPinned ? defaultShadowLastPinned : defaultShadow\n}\n\n// Use the known string literal for DRAG_HANDLE_COLUMN_ID to avoid import complexities here\nconst DRAG_HANDLE_CLASS = 'drag-handle'\n\nexport const TR = styled.tr`\n  display: flex;\n  position: absolute;\n  width: 100%;\n\n  &:hover {\n    // When the row (TR) is hovered...\n\n    // Target the button inside the drag handle cell to make it visible at 50% opacity.\n    // This uses a more specific selector by including 'td' to ensure it correctly targets the cell.\n    td.${DRAG_HANDLE_CLASS} button {\n      opacity: 0.5;\n      visibility: visible;\n    }\n\n    // When the row (TR) is hovered AND the button inside drag handle cell is also hovered...\n    // Make the button 100% opacity. This selector is more specific and will override the above.\n    td.${DRAG_HANDLE_CLASS} button:hover {\n      opacity: 1;\n    }\n  }\n\n  &.group-row {\n    td {\n      /* group headers do not have vertical grid lines */\n      box-shadow: inset 0px -1px 0 0 var(--md-sys-color-surface-container);\n    }\n  }\n`\n\nexport const TableCellContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  border-radius: var(--border-radius-m);\n  user-select: none;\n  padding-right: 0;\n\n  &.bold {\n    font-weight: 600;\n  }\n\n  &.loading {\n    margin: 0px 5px;\n    padding: 0 !important;\n    width: calc(100% - 10px);\n    height: 28px;\n    margin-top: 3px;\n\n    &:not(.hierarchy) {\n      height: 32px;\n    }\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const ResizedHandler = styled.div`\n  position: absolute;\n  right: -1px;\n  top: 0;\n  bottom: 0;\n  width: 6px;\n  cursor: col-resize;\n  background-color: var(--md-sys-color-surface-container-high);\n\n  opacity: 0;\n\n  &.resizing {\n    background-color: var(--md-sys-color-primary);\n    opacity: 1;\n  }\n`\n\nexport const ColumnHeader = styled.tr`\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderCell = styled.th`\n  position: relative;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container);\n  display: flex;\n  align-items: center;\n  min-height: fit-content;\n\n  &:hover {\n    .resize-handle {\n      opacity: 1;\n    }\n  }\n\n  /* show action button */\n  &:hover {\n    .action {\n      display: flex;\n    }\n  }\n\n  /* Styling for the last pinned left column */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* special styles for the left selection column */\n  &.__row_selection__ {\n    min-width: unset;\n    width: 20px !important;\n\n    .actions {\n      display: none;\n    }\n  }\n`\n\nexport const HeaderButtons = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n\n  position: absolute;\n  z-index: 10;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  padding-left: 4px;\n`\n\ntype TableCellProps = {\n  $isLastPinned?: boolean\n}\n\nexport const TableCell = styled.td<TableCellProps>`\n  position: relative;\n  box-shadow: ${getDefaultShadow(false)};\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.${DRAG_HANDLE_CLASS} {\n    // Styles for the button inside the drag handle cell\n    button {\n      opacity: 0; // Default: hidden\n      visibility: hidden;\n      transition: opacity 0.2s ease, visibility 0.2s ease;\n      // Base appearance styles (cursor, border, background, etc.)\n      // are primarily handled by inline styles in RowDragHandleCellContent.tsx.\n      // Add any necessary overrides or defaults here if needed.\n      // For example, ensuring the button itself doesn't interfere with cell styling:\n      background: transparent;\n      border: none;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &.task {\n    background-color: hsl(216 15% 11.5% / 1);\n  }\n\n  &.selected-row {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  /* show hover effect only if direct child div does NOT have .readonly */\n  &:not(:has(> div.readonly)) {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container);\n    }\n\n    .selected {\n      background-color: var(--md-sys-color-secondary-container);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-secondary-container);\n    position: relative;\n    z-index: 1;\n  }\n\n  /* remove default focus style */\n  &:focus-visible {\n    outline: none;\n  }\n\n  /* Styling for the last pinned left column */\n  /* extra border on the right */\n  &.last-pinned-left {\n    box-shadow: inset 1px -1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* Shadow combinations - single side */\n  &.shadow-top:not(.shadow-right):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right:not(.shadow-top):not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom:not(.shadow-top):not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${bottomShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-left:not(.shadow-top):not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${leftShadow}, ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Two sides */\n  &.shadow-top.shadow-right:not(.shadow-bottom):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom:not(.shadow-right):not(.shadow-left) {\n    box-shadow: ${topShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-left:not(.shadow-right):not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom:not(.shadow-top):not(.shadow-left) {\n    box-shadow: ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-left:not(.shadow-top):not(.shadow-bottom) {\n    box-shadow: ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-bottom.shadow-left:not(.shadow-top):not(.shadow-right) {\n    box-shadow: ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Three sides */\n  &.shadow-top.shadow-right.shadow-bottom:not(.shadow-left) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-right.shadow-left:not(.shadow-bottom) {\n    box-shadow: ${topShadow}, ${rightShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-top.shadow-bottom.shadow-left:not(.shadow-right) {\n    box-shadow: ${topShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  &.shadow-right.shadow-bottom.shadow-left:not(.shadow-top) {\n    box-shadow: ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* All four sides */\n  &.shadow-top.shadow-right.shadow-bottom.shadow-left {\n    box-shadow: ${topShadow}, ${rightShadow}, ${bottomShadow}, ${leftShadow},\n      ${({ $isLastPinned }) => getDefaultShadow($isLastPinned || false)};\n  }\n\n  /* Focus styling */\n  &.focused {\n    position: relative;\n    z-index: 2;\n  }\n\n  /* Use pseudo-element for focused outline to avoid box-shadow conflicts */\n  &.focused::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid var(--md-sys-color-primary);\n    pointer-events: none;\n  }\n\n  &.editing {\n    z-index: 10 !important;\n    /* light border around the outside */\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 2px;\n      border: 2px solid var(--md-sys-color-surface-container-low);\n    }\n  }\n\n  /* special styles for selection bar cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n\n    &.selected {\n      background-color: var(--md-sys-color-primary-container) !important;\n      box-shadow: none !important;\n      /* reveal the check mark */\n      [icon='check'] {\n        display: block;\n      }\n    }\n  }\n`\n\nexport const TableHeader = styled.thead`\n  display: grid !important;\n  position: sticky;\n  top: 0;\n  min-height: 34px;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const TableWrapper = styled.div`\n  overflow: hidden;\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 0;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  td {\n    height: 34px;\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const LinkColumnHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  .icon {\n    font-size: 18px;\n    color: var(--md-sys-color-outline);\n  }\n`\n"],"names":[],"mappings":"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"}