@ynput/ayon-frontend-shared 0.3.30 → 0.3.32

package/dist/types/components/EntityPanelUploader/EntityPanelUploader.d.ts

@@ -1,12 +1,4 @@
 import { RefObject } from 'react';
-type Operation = {
-    id: string;
-    projectName: string;
-    currentAssignees: any[];
-    data: {
-        updatedAt: string;
-    };
-};
 export type EntityPanelUploaderProps = {
     entityType: string;
     entities: any[];
@@ -16,9 +8,7 @@ export type EntityPanelUploaderProps = {
     thumbnailInputRef: RefObject<HTMLInputElement>;
     versionsInputRef: RefObject<HTMLInputElement>;
     children?: JSX.Element | JSX.Element[];
-    onUploaded?: (operations: Operation[]) => void;
     resetFileUploadState?: () => void;
     onVersionCreated?: (versionId: string) => void;
 };
-export declare const EntityPanelUploader: ({ children, entityType, entities, projectName, thumbnailInputRef, versionsInputRef, onUploaded, onVersionCreated, }: EntityPanelUploaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const EntityPanelUploader: ({ children, entityType, entities, projectName, thumbnailInputRef, versionsInputRef, onVersionCreated, }: EntityPanelUploaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Thumbnail/StackedThumbnails.d.ts

@@ -7,10 +7,10 @@ type Thumbnail = {
     projectName?: string;
     icon?: string;
     color?: string;
-    updatedAt?: string;
+    thumbnailHash?: string;
     src?: string;
 };
-export interface StackedThumbnailsProps extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName'> {
+export interface StackedThumbnailsProps extends Omit<ThumbnailProps, 'entityType' | 'entityId' | 'projectName' | 'thumbnailHash'> {
     thumbnails?: Thumbnail[];
     isLoading?: boolean;
     className?: string;

package/dist/types/components/Thumbnail/Thumbnail.d.ts

@@ -5,7 +5,7 @@ export interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'co
     entityId?: string;
     icon?: string | null;
     color?: string | null;
-    entityUpdatedAt?: string;
+    thumbnailHash?: string;
     isLoading?: boolean;
     shimmer?: boolean;
     className?: string;
@@ -14,4 +14,4 @@ export interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'co
     hoverIcon?: string;
     showBorder?: boolean;
 }
-export declare const Thumbnail: ({ projectName, entityType, entityId, icon, color, entityUpdatedAt, isLoading, shimmer, className, disabled, src, hoverIcon, showBorder, ...props }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thumbnail: ({ projectName, entityType, entityId, icon, color, thumbnailHash, isLoading, shimmer, className, disabled, src, hoverIcon, showBorder, ...props }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ThumbnailSimple/ThumbnailSimple.d.ts

@@ -4,7 +4,7 @@ export interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElemen
     entityType: string;
     entityId: string;
     icon?: string;
-    entityUpdatedAt: string | number;
+    thumbnailHash?: string;
     isLoading?: boolean;
     disabled?: boolean;
     src?: string;

package/dist/types/config/powerpackFeatures.d.ts

@@ -1,5 +1,5 @@
 import { PowerpackDialogType } from '../context';
-export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'listFolders' | 'listAccess' | 'groupAttributes' | 'sharedViews' | 'commentCategories' | 'projectFolders';
+export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'listFolders' | 'listAccess' | 'groupAttributes' | 'sharedViews' | 'commentCategories' | 'projectFolders' | 'columnSummaries';
 export declare const powerpackFeatureOrder: PowerpackFeature[];
 export declare const powerpackFeatures: {
     [key in PowerpackFeature]: Omit<PowerpackDialogType, 'priority'>;

package/dist/types/containers/DetailsPanel/containers/FeedWrapper.d.ts

@@ -6,6 +6,7 @@ interface FeedWrapperProps {
     projectInfo: any;
     projectName: string;
     entityType: string;
+    thumbnailHash?: string;
     disabled: boolean;
     readOnly: boolean;
     isSlideOut?: boolean;

package/dist/types/containers/DetailsPanel/helpers/getThumbnails.d.ts

@@ -12,13 +12,13 @@ type Entity = {
     product?: {
         productType: string;
     };
-    updatedAt: string;
+    thumbnailHash: string;
 };
 declare const getThumbnails: (entities: Entity[], entityType: DetailsPanelEntityType, icons: EntityTypeIcons) => {
     icon: string | undefined;
     id: string;
     type: "version" | "folder" | "task";
-    updatedAt: string;
+    thumbnailHash: string;
     projectName: string;
 }[] | {
     icon: string;

package/dist/types/containers/Feed/components/ActivityVersions/ActivityVersions.d.ts

@@ -5,6 +5,7 @@ interface Version {
     productId: string;
     productName: string;
     updatedAt: string;
+    thumbnailHash?: string;
     comment?: string;
 }
 interface ActivityVersionsProps {

package/dist/types/containers/ProjectTreeTable/ProjectTreeTable.d.ts

@@ -2,8 +2,9 @@ import { Virtualizer } from '@tanstack/react-virtual';
 import { Table, RowData } from '@tanstack/react-table';
 import { TableRow } from './types/table';
 import { DefaultColumns, TreeTableExtraColumn } from './buildTreeTableColumns';
+import { FieldStats } from '../../api';
 import { ContextMenuItemConstructors } from './hooks/useCellContextMenu';
-import { BuiltInFieldOptions } from './types';
+import { BuiltInFieldOptions, MainCountLabels } from './types';
 import { ToggleExpandAll } from './context/ProjectTableContext';
 import { EntityUpdate } from './hooks/useUpdateTableData';
 import { UniqueIdentifier } from '@dnd-kit/core';
@@ -22,7 +23,6 @@ declare module '@tanstack/react-table' {
         columnsConfig?: ColumnsConfig;
     }
 }
-export declare const DRAG_HANDLE_COLUMN_ID = "drag-handle";
 export interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {
     scope: string;
     sliceId: string;
@@ -41,6 +41,11 @@ export interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivEleme
     onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void;
     dndActiveId?: UniqueIdentifier | null;
     columnsConfig?: ColumnsConfig;
+    showColumnSummaries?: boolean;
+    fieldStats?: FieldStats[];
+    groupFieldStats?: FieldStats[];
+    fieldStatsLoading?: boolean;
+    mainCountLabels?: MainCountLabels;
     onScrollBottomGroupBy?: (groupValue: string) => void;
     contextMenuItems?: ContextMenuItemConstructors;
     onColumnVisibleChange?: (changes: Record<string, boolean>) => void;
@@ -50,7 +55,7 @@ export interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivEleme
         head?: Partial<TableHeadProps>;
     };
 }
-export declare const ProjectTreeTable: ({ scope, sliceId, onScroll, onScrollBottom, onOpenNew, readOnly, excludedColumns, excludedSorting, extraColumns, includeLinks, isLoading: isLoadingProp, isExpandable, enableSorting, clientSorting, sortableRows, onRowReorder, dndActiveId, columnsConfig, onScrollBottomGroupBy, contextMenuItems: propsContextMenuItems, onColumnVisibleChange, onColumnVisibleChangeSubscribed, pt, ...props }: ProjectTreeTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProjectTreeTable: ({ scope, sliceId, onScroll, onScrollBottom, onOpenNew, readOnly, excludedColumns, excludedSorting, extraColumns, includeLinks, isLoading: isLoadingProp, isExpandable, enableSorting, clientSorting, sortableRows, onRowReorder, dndActiveId, columnsConfig, showColumnSummaries, fieldStats, groupFieldStats, fieldStatsLoading, mainCountLabels, onScrollBottomGroupBy, contextMenuItems: propsContextMenuItems, onColumnVisibleChange, onColumnVisibleChangeSubscribed, pt, ...props }: ProjectTreeTableProps) => import("react/jsx-runtime").JSX.Element;
 interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     table: Table<TableRow>;

package/dist/types/containers/ProjectTreeTable/ProjectTreeTable.styled.d.ts

@@ -12,9 +12,11 @@ type TableCellProps = {
     $isLastPinned?: boolean;
 };
 export declare const TD: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "$isLastPinned"> & TableCellProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "$isLastPinned"> & TableCellProps, never>>> & string;
+export declare const ColumnDividers: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const TableHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>> & string;
 export declare const TableWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const TableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const LinkColumnHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const AnimatedEmptyPlaceholder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const SummaryPowerFeature: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export {};

package/dist/types/containers/ProjectTreeTable/buildTreeTableColumns.d.ts

@@ -1,8 +1,8 @@
 import { ColumnDef, Row } from '@tanstack/react-table';
 import { TableRow } from './types/table';
 import { ProjectTableAttribute, BuiltInFieldOptions } from './types';
-import { ROW_SELECTION_COLUMN_ID } from './context/SelectionCellsContext';
 import { TableGroupBy } from './context';
+import { ROW_SELECTION_COLUMN_ID } from './constants';
 import { LinkTypeModel } from '../../api';
 export declare const isEntityExpandable: (entityType: string) => boolean;
 export declare const COLUMN_MIN_SIZE = 50;

package/dist/types/containers/ProjectTreeTable/components/TableFooterRow.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { Table } from '@tanstack/react-table';
+import { Virtualizer } from '@tanstack/react-virtual';
+import { TableRow } from '../types/table';
+export interface TableFooterRowProps {
+    columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
+    table: Table<TableRow>;
+    virtualPaddingLeft: number | undefined;
+    virtualPaddingRight: number | undefined;
+    renderCellContent?: (columnId: string) => ReactNode;
+    onClick?: () => void;
+    isLoading?: boolean;
+}
+export declare const TableFooterRow: FC<TableFooterRowProps>;

package/dist/types/containers/ProjectTreeTable/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ROW_SELECTION_COLUMN_ID = "__row_selection__";
+export declare const DRAG_HANDLE_COLUMN_ID = "drag-handle";

package/dist/types/containers/ProjectTreeTable/context/ColumnSettingsContext.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { ColumnOrderState, ColumnPinningState, OnChangeFn, VisibilityState, ColumnSizingState, SortingState } from '@tanstack/react-table';
 import { GroupByConfig } from '../components/GroupSettingsFallback';
+import { SummaryCalc, SummaryFormat, RowScope } from '../types/summaryTypes';
 export interface TableGroupBy {
     desc: boolean;
     id: string;
@@ -10,6 +11,9 @@ export type ColumnsConfig = {
     columnOrder: ColumnOrderState;
     columnPinning: ColumnPinningState;
     columnSizing: ColumnSizingState;
+    columnSummaries?: Record<string, SummaryCalc>;
+    columnSummaryScopes?: Record<string, RowScope>;
+    columnSummaryFormats?: Record<string, SummaryFormat>;
     sorting?: SortingState;
     groupBy?: TableGroupBy;
     groupByConfig?: {
@@ -36,6 +40,12 @@ export interface ColumnSettingsContextType {
     columnSizing: ColumnSizingState;
     setColumnSizing: (columnSizing: ColumnSizingState) => void;
     columnSizingOnChange: OnChangeFn<ColumnSizingState>;
+    columnSummaries: Record<string, SummaryCalc>;
+    updateColumnSummary: (columnId: string, calc: SummaryCalc) => void;
+    columnSummaryScopes: Record<string, RowScope>;
+    updateColumnSummaryScope: (columnId: string, scope: RowScope) => void;
+    columnSummaryFormats: Record<string, SummaryFormat>;
+    updateColumnSummaryFormat: (columnId: string, format: SummaryFormat) => void;
     sorting: SortingState;
     updateSorting: (sorting: SortingState) => void;
     sortingOnChange: OnChangeFn<SortingState>;

package/dist/types/containers/ProjectTreeTable/context/SelectionCellsContext.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { CellId, RowId, ColId, CellPosition } from '../utils/cellUtils';
-export declare const ROW_SELECTION_COLUMN_ID = "__row_selection__";
 export interface GridMap {
     rowIdToIndex: Map<RowId, number>;
     colIdToIndex: Map<ColId, number>;

package/dist/types/containers/ProjectTreeTable/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ProjectTreeTable';
+export * from './constants';
 export * from './context';
 export * from './utils';
 export * from './types';

package/dist/types/containers/ProjectTreeTable/types/index.d.ts

@@ -1,8 +1,10 @@
-import { AttributeModel, EnumItem } from '../../../api';
+import { FieldStats, AttributeModel, EnumItem } from '../../../api';
+import { MainCountLabels, RowScope, SummaryCalc, SummaryFormat } from './summaryTypes';
 import { OperationModel } from './operations';
 export * from './table';
 export * from './overviewContext';
 export * from './operations';
+export * from './summaryTypes';
 export interface ProjectTableAttribute extends Omit<AttributeModel, 'position'> {
     readOnly?: boolean;
 }
@@ -18,3 +20,17 @@ type BuiltInFieldOptionKey = TreeTableSubType | 'status' | 'assignee' | 'tag';
 export type BuiltInFieldOptions = {
     [key in BuiltInFieldOptionKey]: EnumOption[];
 };
+export interface SummaryCellContentProps {
+    columnId: string;
+    attribs: ProjectTableAttribute[];
+    fieldStats?: FieldStats[];
+    groupFieldStats?: FieldStats[];
+    calc?: SummaryCalc;
+    onCalcChange: (calc: SummaryCalc) => void;
+    format?: SummaryFormat;
+    onFormatChange: (format: SummaryFormat) => void;
+    scope?: RowScope;
+    onScopeChange: (scope: RowScope) => void;
+    mainCountLabels?: MainCountLabels;
+    fieldOptions?: BuiltInFieldOptions;
+}

package/dist/types/containers/ProjectTreeTable/types/overviewContext.d.ts

@@ -38,6 +38,8 @@ export interface ProjectOverviewContextType {
     taskGroups: EntityGroup[];
     taskFilters: QueryFilterParams;
     folderFilters: QueryFilterParams;
+    selectedFolders: string[];
+    selectedTaskIds: string[];
     queryFilters: QueryFilterParams;
     setQueryFilters: (queryFilters: QueryFilter) => void;
     combinedFilters: QueryFilter;

package/dist/types/containers/ProjectTreeTable/types/summaryTypes.d.ts

@@ -0,0 +1,50 @@
+export type SummaryKind = 'main' | 'number' | 'boolean' | 'text' | 'enum' | 'assignee' | 'blank';
+export type NumberCalc = 'sum' | 'avg' | 'min' | 'max' | 'none';
+export type BooleanCalc = 'checked' | 'notChecked';
+export type TextCalc = 'filled' | 'notFilled';
+export type EnumCalc = 'values' | 'fill';
+export type SummaryCalc = NumberCalc | BooleanCalc | TextCalc | EnumCalc;
+export type SummaryFormat = 'count' | 'percent' | 'both' | 'none';
+export declare const DEFAULT_SUMMARY_FORMAT: SummaryFormat;
+export declare const formatHasCount: (f: SummaryFormat) => boolean;
+export declare const formatHasPercent: (f: SummaryFormat) => boolean;
+export declare const buildSummaryFormat: (count: boolean, percent: boolean) => SummaryFormat;
+export type RowScope = 'all' | 'primary' | 'secondary' | 'none';
+export declare const DEFAULT_ROW_SCOPE: RowScope;
+export declare const scopeHasGroups: (s: RowScope) => boolean;
+export declare const scopeHasRows: (s: RowScope) => boolean;
+export declare const buildRowScope: (groups: boolean, rows: boolean) => RowScope;
+export type SummaryDistributionItem = {
+    value: string;
+    label?: string;
+    color?: string;
+    icon?: string;
+    avatarUrl?: string;
+    fullName?: string;
+    count: number;
+};
+export type ColumnSummary = {
+    columnId: string;
+    filledCount?: number;
+    notFilledCount?: number;
+    percentageFilled?: number;
+    percentageNotFilled?: number;
+    checkedCount?: number;
+    notCheckedCount?: number;
+    percentageChecked?: number;
+    percentageNotChecked?: number;
+    sum?: number;
+    avg?: number;
+    min?: number;
+    max?: number;
+    distribution?: SummaryDistributionItem[];
+    total?: number;
+    primaryCount?: number;
+    secondaryCount?: number;
+};
+export type ColumnSummaryMap = Record<string, ColumnSummary>;
+export type MainCountLabels = {
+    primary: string;
+    secondary?: string;
+};
+export declare const DEFAULT_MAIN_COUNT_LABELS: MainCountLabels;

package/dist/types/containers/ProjectTreeTable/types/table.d.ts

@@ -18,6 +18,7 @@ export type FolderListItem = {
     ownAttrib?: string[];
     updatedAt: string;
     createdAt: string;
+    thumbnailHash?: string;
     hasReviewables?: boolean;
     hasVersions?: boolean;
     links: EntityLink[];
@@ -33,6 +34,7 @@ export type TableRow = {
     tags?: string[];
     status?: string;
     updatedAt?: string;
+    thumbnailHash?: string;
     createdAt?: string;
     parentId?: string;
     folderId?: string | null;
@@ -67,6 +69,7 @@ export type TableRow = {
         entityId: string;
         entityType: string;
         updatedAt: string | undefined;
+        thumbnailHash?: string;
     };
 };
 export type MatchingFolder = FolderListItem & {

package/dist/types/containers/ProjectTreeTable/utils/checkColumnVisibility.d.ts

@@ -1,2 +1,4 @@
 import { VisibilityState } from '@tanstack/react-table';
+export declare const ALWAYS_VISIBLE_COLUMNS: string[];
 export declare const checkColumnVisibility: (columns: VisibilityState, fieldName: string, defaultVisibility?: VisibilityState) => boolean;
+export declare const ensureAtLeastOneVisibleColumn: (resolvedVisibility: VisibilityState, columnIds: string[]) => VisibilityState;

package/dist/types/containers/ProjectTreeTable/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from '../types/table';
+export * from './pinningUtils';
 export * from './clientFilterToQueryFilter';
 export * from './queryFilterToClientFilter';
 export * from './loadingUtils';

package/dist/types/containers/ProjectTreeTable/utils/pinningUtils.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { Column } from '@tanstack/react-table';
+import { TableRow } from '../types/table';
+export declare const DRAG_HANDLE_COLUMN_ID = "drag-handle";
+export declare const getCommonPinningStyles: (column: Column<TableRow, unknown>) => CSSProperties;
+export declare const getColumnWidth: (columnId: string) => string;

package/dist/types/containers/ProjectTreeTable/widgets/ThumbnailWidget.d.ts

@@ -2,7 +2,7 @@ interface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
     projectName: string;
     entityType: string;
     entityId: string;
-    updatedAt?: string;
+    thumbnailHash?: string;
     icon?: string | null;
     isPlayable?: boolean;
     url?: string;

package/dist/types/containers/Views/hooks/useSelectedView.d.ts

@@ -6,7 +6,8 @@ type Props = {
 type Return = [
     selectedView: GetDefaultViewApiResponse | undefined,
     setSelectedView: (viewId: string) => void,
-    previousSelectedViewId: string | undefined
+    previousSelectedViewId: string | undefined,
+    isLoading: boolean
 ];
 export declare const useSelectedView: ({ viewType, projectName }: Props) => Return;
 export {};

package/dist/types/containers/Views/utils/viewUpdateHelper.d.ts

@@ -1,15 +1,19 @@
 import { EntityIdResponse } from '../../../api';
-import { ViewsContextValue, ViewSettings } from '../context/ViewsContext';
+import { ViewsContextValue } from '../context/ViewsContext';
 interface UpdateOptions {
     successMessage?: string;
     errorMessage?: string;
 }
 export type UpdateViewSettingsFn = (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options: UpdateOptions) => Promise<void>;
-export declare const updateViewSettings: (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options: UpdateOptions | undefined, viewContext: ViewsContextValue, onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>, getLatestSettings: () => ViewSettings | undefined, markCacheDirty: () => void) => Promise<void>;
+export interface LatestSettingsResult {
+    settings?: any;
+    workingViewId?: string;
+}
+export declare const updateViewSettings: (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options: UpdateOptions | undefined, viewContext: ViewsContextValue, onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>, getLatest: () => LatestSettingsResult, markCacheDirty: () => void) => Promise<void>;
 export declare const useViewUpdateHelper: () => {
     updateViewSettings: UpdateViewSettingsFn;
     onCreateView: (arg: any, viewId?: string) => Promise<any>;
-    getLatestSettings: () => ViewSettings | undefined;
+    getLatestSettings: () => LatestSettingsResult;
     markCacheDirty: () => void;
 };
 export {};

package/dist/types/util/getThumbnailUrl.d.ts

@@ -0,0 +1,18 @@
+export interface GetEntityThumbnailUrlParams {
+    projectName: string;
+    entityType?: string;
+    entityId?: string;
+    thumbnailId?: string;
+    thumbnailHash?: string;
+}
+/**
+ * Builds a thumbnail URL for a project entity.
+ *
+ * Always uses `?hash=<thumbnailHash>` for cache busting when a hash is available.
+ * If no hash is provided the URL is returned without any query parameter — never
+ * falls back to `updatedAt` or similar fields.
+ *
+ * Returns `null` when the required identity information is missing.
+ */
+export declare const getEntityThumbnailUrl: ({ projectName, entityType, entityId, thumbnailId, thumbnailHash, }: GetEntityThumbnailUrlParams) => string | null;
+export declare const getProjectThumbnailUrl: (projectName: string, thumbnailHash?: string) => string | null;

package/dist/types/util/index.d.ts

@@ -25,5 +25,7 @@ export * from './buildHierarchicalTableRows';
 export * from './folderHierarchy';
 export * from './folderOperations';
 export * from './getProjectDisplayName';
+export * from './getThumbnailUrl';
+export * from './thumbnailWebsocket';
 export { isHTMLElement };
 export { PubSub };

package/dist/types/util/thumbnailWebsocket.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The expected structure of a websocket message when a thumbnail is updated.
+ */
+export type ThumbnailUpdateMessage = {
+    project: string;
+    sender?: string;
+    summary: {
+        entityId: string;
+        entityType: string;
+        thumbnailHash?: string;
+    };
+};
+export type ThumbnailUpdater = (messages: ThumbnailUpdateMessage[]) => void;
+/**
+ * Subscribes a callback to listen for thumbnail updates.
+ *
+ * @param updater Callback to run when a thumbnail update is received.
+ * @param entityTypes Optional list of entity types to filter by (e.g., ['folder', 'task']).
+ * @returns A cleanup function to unsubscribe from updates.
+ */
+export declare const subscribeToThumbnailUpdates: (updater: ThumbnailUpdater, entityTypes?: string[]) => () => void;

package/dist/util.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./shared/src/util/platform.cjs.js"),s=require("./shared/src/util/confirmDelete.cjs.js"),a=require("./shared/src/util/getEntityTypeIcon.cjs.js"),l=require("./shared/src/util/groupResult.cjs.js"),u=require("./shared/src/util/getPriorityOptions.cjs.js"),d=require("./shared/src/util/copyToClipboard.cjs.js"),m=require("./shared/src/util/getMixedState.cjs.js"),g=require("./shared/src/util/getAttributeIcon.cjs.js"),n=require("./shared/src/util/getEntityId.cjs.js"),y=require("./shared/src/util/extractVersionFromFilename.cjs.js"),e=require("./shared/src/util/versionUploadHelpers.cjs.js"),c=require("./shared/src/util/columnConfigConverter.cjs.js"),i=require("./shared/src/util/checkName.cjs.js"),p=require("./shared/src/util/humanizeFieldName.cjs.js"),b=require("./shared/src/util/parseHtmlToPlainTextWithLinks.cjs.js"),t=require("./shared/src/util/colorUtils.cjs.js"),h=require("./shared/src/util/getGroupByDataType.cjs.js"),r=require("./shared/src/util/uriUtils.cjs.js"),T=require("./shared/src/util/extractEntityHierarchyFromParents.cjs.js"),q=require("./shared/src/util/errorHandling.cjs.js"),P=require("./shared/src/util/keyboardShortcuts.cjs.js"),C=require("./shared/src/util/buildHierarchicalTableRows.cjs.js"),F=require("./shared/src/util/folderHierarchy.cjs.js"),H=require("./shared/src/util/folderOperations.cjs.js"),E=require("./shared/src/util/getProjectDisplayName.cjs.js"),S=require("./shared/src/util/isHTMLElement.cjs.js"),f=require("./shared/src/util/pubsub.cjs.js"),x=require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");exports.KeyMode=o.KeyMode;exports.getCurrentPlatform=o.getCurrentPlatform;exports.getPlatformShortcutKey=o.getPlatformShortcutKey;exports.confirmDelete=s.confirmDelete;exports.entityTypesWithIcons=a.entityTypesWithIcons;exports.getEntityTypeIcon=a.getEntityTypeIcon;exports.groupResult=l.groupResult;exports.getPriorityOptions=u.getPriorityOptions;exports.copyToClipboard=d.copyToClipboard;exports.getMixedState=m.getMixedState;exports.getAttributeIcon=g.getAttributeIcon;exports.getEntityId=n.getEntityId;exports.validateEntityId=n.validateEntityId;exports.extractVersionFromFilename=y.extractVersionFromFilename;exports.createProductAndVersion=e.createProductAndVersion;exports.createProductHelper=e.createProductHelper;exports.createVersionHelper=e.createVersionHelper;exports.getNextVersionNumber=e.getNextVersionNumber;exports.handleUploadError=e.handleUploadError;exports.sanitizeProductName=e.sanitizeProductName;exports.validateFormData=e.validateFormData;exports.validateProductName=e.validateProductName;exports.validateVersion=e.validateVersion;exports.convertColumnConfigToTanstackStates=c.convertColumnConfigToTanstackStates;exports.convertTanstackStatesToColumnConfig=c.convertTanstackStatesToColumnConfig;exports.checkLabel=i.checkLabel;exports.checkName=i.checkName;exports.parseAndFormatName=i.parseAndFormatName;exports.humanizeField=p.humanizeField;exports.parseHtmlToPlainTextWithLinks=b.parseHtmlToPlainTextWithLinks;exports.blendCategoryColor=t.blendCategoryColor;exports.blendColors=t.blendColors;exports.hexToRgb=t.hexToRgb;exports.parseColor=t.parseColor;exports.rgbToHex=t.rgbToHex;exports.getGroupByDataType=h.getGroupByDataType;exports.buildEntityUri=r.buildEntityUri;exports.getEntityStateFromUri=r.getEntityStateFromUri;exports.getSettingsStateFromUri=r.getSettingsStateFromUri;exports.parseUri=r.parseUri;exports.extractEntityHierarchyFromParents=T.extractEntityHierarchyFromParents;exports.getErrorMessage=q.getErrorMessage;exports.shouldBlockShortcuts=P.shouldBlockShortcuts;exports.buildHierarchicalTableRows=C.buildHierarchicalTableRows;exports.buildFolderHierarchy=F.buildFolderHierarchy;exports.handleDeleteFolders=H.handleDeleteFolders;exports.getProjectDisplayName=E.getProjectDisplayName;exports.isHTMLElement=S;exports.PubSub=f;exports.ConfirmDialog=x.ConfirmDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./shared/src/util/platform.cjs.js"),c=require("./shared/src/util/confirmDelete.cjs.js"),a=require("./shared/src/util/getEntityTypeIcon.cjs.js"),u=require("./shared/src/util/groupResult.cjs.js"),d=require("./shared/src/util/getPriorityOptions.cjs.js"),m=require("./shared/src/util/copyToClipboard.cjs.js"),g=require("./shared/src/util/getMixedState.cjs.js"),y=require("./shared/src/util/getAttributeIcon.cjs.js"),n=require("./shared/src/util/getEntityId.cjs.js"),p=require("./shared/src/util/extractVersionFromFilename.cjs.js"),e=require("./shared/src/util/versionUploadHelpers.cjs.js"),l=require("./shared/src/util/columnConfigConverter.cjs.js"),i=require("./shared/src/util/checkName.cjs.js"),b=require("./shared/src/util/humanizeFieldName.cjs.js"),T=require("./shared/src/util/parseHtmlToPlainTextWithLinks.cjs.js"),t=require("./shared/src/util/colorUtils.cjs.js"),h=require("./shared/src/util/getGroupByDataType.cjs.js"),r=require("./shared/src/util/uriUtils.cjs.js"),q=require("./shared/src/util/extractEntityHierarchyFromParents.cjs.js"),P=require("./shared/src/util/errorHandling.cjs.js"),C=require("./shared/src/util/keyboardShortcuts.cjs.js"),F=require("./shared/src/util/buildHierarchicalTableRows.cjs.js"),E=require("./shared/src/util/folderHierarchy.cjs.js"),H=require("./shared/src/util/folderOperations.cjs.js"),S=require("./shared/src/util/getProjectDisplayName.cjs.js"),s=require("./shared/src/util/getThumbnailUrl.cjs.js"),U=require("./shared/src/util/thumbnailWebsocket.cjs.js"),f=require("./shared/src/util/isHTMLElement.cjs.js"),x=require("./shared/src/util/pubsub.cjs.js"),N=require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");exports.KeyMode=o.KeyMode;exports.getCurrentPlatform=o.getCurrentPlatform;exports.getPlatformShortcutKey=o.getPlatformShortcutKey;exports.confirmDelete=c.confirmDelete;exports.entityTypesWithIcons=a.entityTypesWithIcons;exports.getEntityTypeIcon=a.getEntityTypeIcon;exports.groupResult=u.groupResult;exports.getPriorityOptions=d.getPriorityOptions;exports.copyToClipboard=m.copyToClipboard;exports.getMixedState=g.getMixedState;exports.getAttributeIcon=y.getAttributeIcon;exports.getEntityId=n.getEntityId;exports.validateEntityId=n.validateEntityId;exports.extractVersionFromFilename=p.extractVersionFromFilename;exports.createProductAndVersion=e.createProductAndVersion;exports.createProductHelper=e.createProductHelper;exports.createVersionHelper=e.createVersionHelper;exports.getNextVersionNumber=e.getNextVersionNumber;exports.handleUploadError=e.handleUploadError;exports.sanitizeProductName=e.sanitizeProductName;exports.validateFormData=e.validateFormData;exports.validateProductName=e.validateProductName;exports.validateVersion=e.validateVersion;exports.convertColumnConfigToTanstackStates=l.convertColumnConfigToTanstackStates;exports.convertTanstackStatesToColumnConfig=l.convertTanstackStatesToColumnConfig;exports.checkLabel=i.checkLabel;exports.checkName=i.checkName;exports.parseAndFormatName=i.parseAndFormatName;exports.humanizeField=b.humanizeField;exports.parseHtmlToPlainTextWithLinks=T.parseHtmlToPlainTextWithLinks;exports.blendCategoryColor=t.blendCategoryColor;exports.blendColors=t.blendColors;exports.hexToRgb=t.hexToRgb;exports.parseColor=t.parseColor;exports.rgbToHex=t.rgbToHex;exports.getGroupByDataType=h.getGroupByDataType;exports.buildEntityUri=r.buildEntityUri;exports.getEntityStateFromUri=r.getEntityStateFromUri;exports.getSettingsStateFromUri=r.getSettingsStateFromUri;exports.parseUri=r.parseUri;exports.extractEntityHierarchyFromParents=q.extractEntityHierarchyFromParents;exports.getErrorMessage=P.getErrorMessage;exports.shouldBlockShortcuts=C.shouldBlockShortcuts;exports.buildHierarchicalTableRows=F.buildHierarchicalTableRows;exports.buildFolderHierarchy=E.buildFolderHierarchy;exports.handleDeleteFolders=H.handleDeleteFolders;exports.getProjectDisplayName=S.getProjectDisplayName;exports.getEntityThumbnailUrl=s.getEntityThumbnailUrl;exports.getProjectThumbnailUrl=s.getProjectThumbnailUrl;exports.subscribeToThumbnailUpdates=U.subscribeToThumbnailUpdates;exports.isHTMLElement=f;exports.PubSub=x;exports.ConfirmDialog=N.ConfirmDialog;
 //# sourceMappingURL=util.cjs.js.map

package/dist/util.es.js

@@ -1,21 +1,21 @@
-import { KeyMode as o, getCurrentPlatform as t, getPlatformShortcutKey as a } from "./shared/src/util/platform.es.js";
+import { KeyMode as t, getCurrentPlatform as o, getPlatformShortcutKey as a } from "./shared/src/util/platform.es.js";
 import { confirmDelete as m } from "./shared/src/util/confirmDelete.es.js";
 import { entityTypesWithIcons as l, getEntityTypeIcon as n } from "./shared/src/util/getEntityTypeIcon.es.js";
 import { groupResult as x } from "./shared/src/util/groupResult.es.js";
 import { getPriorityOptions as c } from "./shared/src/util/getPriorityOptions.es.js";
 import { copyToClipboard as u } from "./shared/src/util/copyToClipboard.es.js";
 import { getMixedState as y } from "./shared/src/util/getMixedState.es.js";
-import { getAttributeIcon as h } from "./shared/src/util/getAttributeIcon.es.js";
-import { getEntityId as C, validateEntityId as P } from "./shared/src/util/getEntityId.es.js";
-import { extractVersionFromFilename as E } from "./shared/src/util/extractVersionFromFilename.es.js";
-import { createProductAndVersion as H, createProductHelper as N, createVersionHelper as k, getNextVersionNumber as v, handleUploadError as D, sanitizeProductName as I, validateFormData as U, validateProductName as V, validateVersion as M } from "./shared/src/util/versionUploadHelpers.es.js";
+import { getAttributeIcon as T } from "./shared/src/util/getAttributeIcon.es.js";
+import { getEntityId as P, validateEntityId as C } from "./shared/src/util/getEntityId.es.js";
+import { extractVersionFromFilename as F } from "./shared/src/util/extractVersionFromFilename.es.js";
+import { createProductAndVersion as H, createProductHelper as U, createVersionHelper as N, getNextVersionNumber as k, handleUploadError as v, sanitizeProductName as D, validateFormData as I, validateProductName as V, validateVersion as M } from "./shared/src/util/versionUploadHelpers.es.js";
 import { convertColumnConfigToTanstackStates as L, convertTanstackStatesToColumnConfig as R } from "./shared/src/util/columnConfigConverter.es.js";
-import { checkLabel as B, checkName as K, parseAndFormatName as W } from "./shared/src/util/checkName.es.js";
+import { checkLabel as z, checkName as B, parseAndFormatName as K } from "./shared/src/util/checkName.es.js";
 import { humanizeField as w } from "./shared/src/util/humanizeFieldName.es.js";
 import { parseHtmlToPlainTextWithLinks as O } from "./shared/src/util/parseHtmlToPlainTextWithLinks.es.js";
 import { blendCategoryColor as J, blendColors as Q, hexToRgb as X, parseColor as Y, rgbToHex as Z } from "./shared/src/util/colorUtils.es.js";
 import { getGroupByDataType as $ } from "./shared/src/util/getGroupByDataType.es.js";
-import { buildEntityUri as re, getEntityStateFromUri as oe, getSettingsStateFromUri as te, parseUri as ae } from "./shared/src/util/uriUtils.es.js";
+import { buildEntityUri as re, getEntityStateFromUri as te, getSettingsStateFromUri as oe, parseUri as ae } from "./shared/src/util/uriUtils.es.js";
 import { extractEntityHierarchyFromParents as me } from "./shared/src/util/extractEntityHierarchyFromParents.es.js";
 import { getErrorMessage as le } from "./shared/src/util/errorHandling.es.js";
 import { shouldBlockShortcuts as fe } from "./shared/src/util/keyboardShortcuts.es.js";
@@ -23,58 +23,63 @@ import { buildHierarchicalTableRows as se } from "./shared/src/util/buildHierarc
 import { buildFolderHierarchy as de } from "./shared/src/util/folderHierarchy.es.js";
 import { handleDeleteFolders as ge } from "./shared/src/util/folderOperations.es.js";
 import { getProjectDisplayName as be } from "./shared/src/util/getProjectDisplayName.es.js";
-import { default as Te } from "./shared/src/util/isHTMLElement.es.js";
-import { default as Pe } from "./shared/src/util/pubsub.es.js";
-import { ConfirmDialog as Ee } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
+import { getEntityThumbnailUrl as he, getProjectThumbnailUrl as Pe } from "./shared/src/util/getThumbnailUrl.es.js";
+import { subscribeToThumbnailUpdates as Ee } from "./shared/src/util/thumbnailWebsocket.es.js";
+import { default as Se } from "./shared/src/util/isHTMLElement.es.js";
+import { default as Ue } from "./shared/src/util/pubsub.es.js";
+import { ConfirmDialog as ke } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 export {
-  Ee as ConfirmDialog,
-  o as KeyMode,
-  Pe as PubSub,
+  ke as ConfirmDialog,
+  t as KeyMode,
+  Ue as PubSub,
   J as blendCategoryColor,
   Q as blendColors,
   re as buildEntityUri,
   de as buildFolderHierarchy,
   se as buildHierarchicalTableRows,
-  B as checkLabel,
-  K as checkName,
+  z as checkLabel,
+  B as checkName,
   m as confirmDelete,
   L as convertColumnConfigToTanstackStates,
   R as convertTanstackStatesToColumnConfig,
   u as copyToClipboard,
   H as createProductAndVersion,
-  N as createProductHelper,
-  k as createVersionHelper,
+  U as createProductHelper,
+  N as createVersionHelper,
   l as entityTypesWithIcons,
   me as extractEntityHierarchyFromParents,
-  E as extractVersionFromFilename,
-  h as getAttributeIcon,
-  t as getCurrentPlatform,
-  C as getEntityId,
-  oe as getEntityStateFromUri,
+  F as extractVersionFromFilename,
+  T as getAttributeIcon,
+  o as getCurrentPlatform,
+  P as getEntityId,
+  te as getEntityStateFromUri,
+  he as getEntityThumbnailUrl,
   n as getEntityTypeIcon,
   le as getErrorMessage,
   $ as getGroupByDataType,
   y as getMixedState,
-  v as getNextVersionNumber,
+  k as getNextVersionNumber,
   a as getPlatformShortcutKey,
   c as getPriorityOptions,
   be as getProjectDisplayName,
-  te as getSettingsStateFromUri,
+  Pe as getProjectThumbnailUrl,
+  oe as getSettingsStateFromUri,
   x as groupResult,
   ge as handleDeleteFolders,
-  D as handleUploadError,
+  v as handleUploadError,
   X as hexToRgb,
   w as humanizeField,
-  Te as isHTMLElement,
-  W as parseAndFormatName,
+  Se as isHTMLElement,
+  K as parseAndFormatName,
   Y as parseColor,
   O as parseHtmlToPlainTextWithLinks,
   ae as parseUri,
   Z as rgbToHex,
-  I as sanitizeProductName,
+  D as sanitizeProductName,
   fe as shouldBlockShortcuts,
-  P as validateEntityId,
-  U as validateFormData,
+  Ee as subscribeToThumbnailUpdates,
+  C as validateEntityId,
+  I as validateFormData,
   V as validateProductName,
   M as validateVersion
 };

package/dist/util.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"util.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}