@ynput/ayon-frontend-shared 0.3.30 → 0.3.32

package/dist/shared/src/util/columnConfigConverter.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnConfigConverter.cjs.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const {\n    columns = [],\n    groupBy: groupByField,\n    groupSortByDesc,\n    showEmptyGroups,\n    sortBy,\n    sortDesc,\n    rowHeight,\n  } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width } = column\n\n    // Column visibility: undefined means hidden (opt-in model)\n    columnVisibility[name] = visible ?? false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  let groupBy: TableGroupBy | undefined\n  if (typeof groupByField === 'string' && groupByField.length > 0) {\n    groupBy = { id: groupByField, desc: groupSortByDesc ?? false }\n  } else if (Array.isArray(groupByField)) {\n    const first = groupByField.find((v) => typeof v === 'string' && v.length > 0)\n    if (first) {\n      groupBy = { id: first, desc: groupSortByDesc ?? false }\n    } else {\n      groupBy = undefined\n    }\n  } else {\n    groupBy = undefined\n  }\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n    entityType: '',\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight: rowHeight ?? 34,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n): ColumnItemModel {\n  const column: ColumnItemModel = {\n    name: columnName,\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order\n  const finalColumnOrder = determineColumnOrder(columnOrder, allColumnIds || [], columnsWithState)\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItemModel[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(columnName, columnVisibility, columnPinning, columnSizing),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    const id = Array.isArray(groupBy.id) ? groupBy.id[0] : groupBy.id\n    result.groupBy = id || undefined\n    result.groupSortByDesc = groupBy.desc ?? false\n  } else {\n    result.groupBy = undefined\n    result.groupSortByDesc = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  // Add row height if present\n  if (rowHeight !== undefined) {\n    result.rowHeight = rowHeight\n  }\n\n  return result\n}\n"],"names":["convertColumnConfigToTanstackStates","settings","columns","groupByField","groupSortByDesc","showEmptyGroups","sortBy","sortDesc","rowHeight","columnVisibility","columnPinning","columnOrder","columnSizing","column","name","visible","pinned","width","sorting","groupBy","first","v","determineColumnOrder","allColumnIds","columnsWithState","orderedColumns","remainingColumns","columnId","collectColumnsWithState","col","createColumnItem","columnName","isPinnedLeft","isPinnedRight","convertTanstackStatesToColumnConfig","states","groupByConfig","result","id","firstSort"],"mappings":"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"}
+{"version":3,"file":"columnConfigConverter.cjs.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\nimport {\n  SummaryCalc,\n  SummaryFormat,\n  RowScope,\n} from '@shared/containers/ProjectTreeTable/types/summaryTypes'\nimport {\n  ROW_SELECTION_COLUMN_ID,\n  DRAG_HANDLE_COLUMN_ID,\n} from '@shared/containers/ProjectTreeTable/constants'\n\n// These columns are always injected by ColumnSettingsProvider and must never be\n// persisted or loaded from saved view settings.\nconst INTERNAL_COLUMN_IDS = new Set([ROW_SELECTION_COLUMN_ID, DRAG_HANDLE_COLUMN_ID])\n\n// Backend doesn't store summary/summaryScope/summaryFormat on ColumnItemModel yet\ntype ColumnItem = ColumnItemModel & {\n  summary?: SummaryCalc\n  summaryScope?: RowScope\n  summaryFormat?: SummaryFormat\n}\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const {\n    columns = [],\n    groupBy: groupByField,\n    groupSortByDesc,\n    showEmptyGroups,\n    sortBy,\n    sortDesc,\n    rowHeight,\n  } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n  const columnSummaries: Record<string, SummaryCalc> = {}\n  const columnSummaryScopes: Record<string, RowScope> = {}\n  const columnSummaryFormats: Record<string, SummaryFormat> = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width, summary, summaryScope, summaryFormat } =\n      column as ColumnItem\n\n    // Skip internal columns — they are always injected by ColumnSettingsProvider\n    if (INTERNAL_COLUMN_IDS.has(name)) return\n\n    // Column visibility: undefined means hidden (opt-in model)\n    columnVisibility[name] = visible ?? false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n\n    // Column summary calc type\n    if (summary) {\n      columnSummaries[name] = summary\n    }\n\n    // Column summary row scope\n    if (summaryScope) {\n      columnSummaryScopes[name] = summaryScope\n    }\n\n    // Column summary display format\n    if (summaryFormat) {\n      columnSummaryFormats[name] = summaryFormat\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  let groupBy: TableGroupBy | undefined\n  if (typeof groupByField === 'string' && groupByField.length > 0) {\n    groupBy = { id: groupByField, desc: groupSortByDesc ?? false }\n  } else if (Array.isArray(groupByField)) {\n    const first = groupByField.find((v) => typeof v === 'string' && v.length > 0)\n    if (first) {\n      groupBy = { id: first, desc: groupSortByDesc ?? false }\n    } else {\n      groupBy = undefined\n    }\n  } else {\n    groupBy = undefined\n  }\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n    entityType: '',\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight: rowHeight ?? 34,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n  columnSummaries: Record<string, SummaryCalc>,\n  columnSummaryScopes: Record<string, RowScope>,\n  columnSummaryFormats: Record<string, SummaryFormat>,\n): ColumnItem {\n  const column: ColumnItem = {\n    name: columnName,\n    visible: !!columnVisibility[columnName],\n  }\n\n  // Set summary calc type if chosen for this column\n  if (columnSummaries[columnName]) {\n    column.summary = columnSummaries[columnName]\n  }\n\n  // Set summary row scope if chosen for this column\n  if (columnSummaryScopes[columnName]) {\n    column.summaryScope = columnSummaryScopes[columnName]\n  }\n\n  // Set summary display format if chosen for this column\n  if (columnSummaryFormats[columnName]) {\n    column.summaryFormat = columnSummaryFormats[columnName]\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    columnSummaries = {},\n    columnSummaryScopes = {},\n    columnSummaryFormats = {},\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order, excluding internal columns\n  const finalColumnOrder = determineColumnOrder(\n    columnOrder,\n    allColumnIds || [],\n    columnsWithState,\n  ).filter((id) => !INTERNAL_COLUMN_IDS.has(id))\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItem[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(\n      columnName,\n      columnVisibility,\n      columnPinning,\n      columnSizing,\n      columnSummaries,\n      columnSummaryScopes,\n      columnSummaryFormats,\n    ),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    const id = Array.isArray(groupBy.id) ? groupBy.id[0] : groupBy.id\n    result.groupBy = id || undefined\n    result.groupSortByDesc = groupBy.desc ?? false\n  } else {\n    result.groupBy = undefined\n    result.groupSortByDesc = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  // Add row height if present\n  if (rowHeight !== undefined) {\n    result.rowHeight = rowHeight\n  }\n\n  return result\n}\n"],"names":["INTERNAL_COLUMN_IDS","ROW_SELECTION_COLUMN_ID","DRAG_HANDLE_COLUMN_ID","convertColumnConfigToTanstackStates","settings","columns","groupByField","groupSortByDesc","showEmptyGroups","sortBy","sortDesc","rowHeight","columnVisibility","columnPinning","columnOrder","columnSizing","columnSummaries","columnSummaryScopes","columnSummaryFormats","column","name","visible","pinned","width","summary","summaryScope","summaryFormat","sorting","groupBy","first","v","determineColumnOrder","allColumnIds","columnsWithState","orderedColumns","remainingColumns","columnId","collectColumnsWithState","col","createColumnItem","columnName","isPinnedLeft","isPinnedRight","convertTanstackStatesToColumnConfig","states","groupByConfig","result","id","firstSort"],"mappings":"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"}

package/dist/shared/src/util/columnConfigConverter.es.js

@@ -1,93 +1,114 @@
-function S(s) {
+import { ROW_SELECTION_COLUMN_ID as A, DRAG_HANDLE_COLUMN_ID as L } from "../containers/ProjectTreeTable/constants.es.js";
+const O = /* @__PURE__ */ new Set([A, L]);
+function F(t) {
   const {
-    columns: r = [],
-    groupBy: e,
+    columns: e = [],
+    groupBy: i,
     groupSortByDesc: n,
-    showEmptyGroups: o,
-    sortBy: t,
-    sortDesc: c,
-    rowHeight: d
-  } = s || {}, l = {}, g = { left: [], right: [] }, a = [], h = {};
-  r.forEach((y) => {
-    const { name: u, visible: B, pinned: v, width: m } = y;
-    l[u] = B ?? !1, a.push(u), v && g.left?.push(u), m !== void 0 && (h[u] = m);
+    showEmptyGroups: r,
+    sortBy: o,
+    sortDesc: y,
+    rowHeight: c
+  } = t || {}, l = {}, u = { left: [], right: [] }, a = [], g = {}, h = {}, p = {}, S = {};
+  e.forEach((m) => {
+    const { name: f, visible: D, pinned: _, width: v, summary: B, summaryScope: E, summaryFormat: w } = m;
+    O.has(f) || (l[f] = D ?? !1, a.push(f), _ && u.left?.push(f), v !== void 0 && (g[f] = v), B && (h[f] = B), E && (p[f] = E), w && (S[f] = w));
   });
-  const p = t ? [{ id: t, desc: c || !1 }] : [];
-  let i;
-  if (typeof e == "string" && e.length > 0)
-    i = { id: e, desc: n ?? !1 };
-  else if (Array.isArray(e)) {
-    const y = e.find((u) => typeof u == "string" && u.length > 0);
-    y ? i = { id: y, desc: n ?? !1 } : i = void 0;
+  const C = o ? [{ id: o, desc: y || !1 }] : [];
+  let s;
+  if (typeof i == "string" && i.length > 0)
+    s = { id: i, desc: n ?? !1 };
+  else if (Array.isArray(i)) {
+    const m = i.find((f) => typeof f == "string" && f.length > 0);
+    m ? s = { id: m, desc: n ?? !1 } : s = void 0;
   } else
-    i = void 0;
+    s = void 0;
   return {
     columnVisibility: l,
-    columnPinning: g,
+    columnPinning: u,
     columnOrder: a,
-    columnSizing: h,
-    sorting: p,
-    groupBy: i,
+    columnSizing: g,
+    columnSummaries: h,
+    columnSummaryScopes: p,
+    columnSummaryFormats: S,
+    sorting: C,
+    groupBy: s,
     groupByConfig: {
-      showEmpty: o || !1,
+      showEmpty: r || !1,
       entityType: ""
     },
-    rowHeight: d ?? 34
+    rowHeight: c ?? 34
   };
 }
-function w(s, r, e) {
-  const n = [...s], o = r.filter(
-    (t) => !s.includes(t) && e.has(t)
+function T(t, e, i) {
+  const n = [...t], r = e.filter(
+    (o) => !t.includes(o) && i.has(o)
   );
-  return [...n, ...o];
+  return [...n, ...r];
 }
-function C(s, r, e, n) {
-  const o = /* @__PURE__ */ new Set();
-  return Object.keys(s).forEach((t) => o.add(t)), Object.keys(r).forEach((t) => o.add(t)), e.left?.forEach((t) => o.add(t)), e.right?.forEach((t) => o.add(t)), n?.forEach((t) => o.add(t)), o;
+function b(t, e, i, n) {
+  const r = /* @__PURE__ */ new Set();
+  return Object.keys(t).forEach((o) => r.add(o)), Object.keys(e).forEach((o) => r.add(o)), i.left?.forEach((o) => r.add(o)), i.right?.forEach((o) => r.add(o)), n?.forEach((o) => r.add(o)), r;
 }
-function E(s, r, e, n) {
-  const o = {
-    name: s
+function H(t, e, i, n, r, o, y) {
+  const c = {
+    name: t,
+    visible: !!e[t]
   };
-  r.hasOwnProperty(s) && (o.visible = r[s]);
-  const t = e.left?.includes(s), c = e.right?.includes(s);
-  return (t || c) && (o.pinned = !0), n[s] !== void 0 && (o.width = n[s]), o;
+  r[t] && (c.summary = r[t]), o[t] && (c.summaryScope = o[t]), y[t] && (c.summaryFormat = y[t]), e.hasOwnProperty(t) && (c.visible = e[t]);
+  const l = i.left?.includes(t), u = i.right?.includes(t);
+  return (l || u) && (c.pinned = !0), n[t] !== void 0 && (c.width = n[t]), c;
 }
-function O(s, r) {
+function I(t, e) {
   const {
-    columnVisibility: e,
+    columnVisibility: i,
     columnPinning: n,
-    columnOrder: o,
-    columnSizing: t,
-    sorting: c,
-    groupBy: d,
-    groupByConfig: l,
-    rowHeight: g
-  } = s, a = C(
-    e,
-    t,
+    columnOrder: r,
+    columnSizing: o,
+    columnSummaries: y = {},
+    columnSummaryScopes: c = {},
+    columnSummaryFormats: l = {},
+    sorting: u,
+    groupBy: a,
+    groupByConfig: g,
+    rowHeight: h
+  } = t, p = b(
+    i,
+    o,
     n,
-    r || []
-  ), i = {
-    columns: w(o, r || [], a).map(
-      (f) => E(f, e, n, t)
+    e || []
+  ), s = {
+    columns: T(
+      r,
+      e || [],
+      p
+    ).filter((d) => !O.has(d)).map(
+      (d) => H(
+        d,
+        i,
+        n,
+        o,
+        y,
+        c,
+        l
+      )
     )
   };
-  if (d) {
-    const f = Array.isArray(d.id) ? d.id[0] : d.id;
-    i.groupBy = f || void 0, i.groupSortByDesc = d.desc ?? !1;
+  if (a) {
+    const d = Array.isArray(a.id) ? a.id[0] : a.id;
+    s.groupBy = d || void 0, s.groupSortByDesc = a.desc ?? !1;
   } else
-    i.groupBy = void 0, i.groupSortByDesc = void 0;
-  if (l?.showEmpty !== void 0 && (i.showEmptyGroups = l.showEmpty), c)
-    if (c.length > 0) {
-      const f = c[0];
-      i.sortBy = f.id, i.sortDesc = f.desc;
+    s.groupBy = void 0, s.groupSortByDesc = void 0;
+  if (g?.showEmpty !== void 0 && (s.showEmptyGroups = g.showEmpty), u)
+    if (u.length > 0) {
+      const d = u[0];
+      s.sortBy = d.id, s.sortDesc = d.desc;
     } else
-      i.sortBy = void 0, i.sortDesc = void 0;
-  return g !== void 0 && (i.rowHeight = g), i;
+      s.sortBy = void 0, s.sortDesc = void 0;
+  return h !== void 0 && (s.rowHeight = h), s;
 }
 export {
-  S as convertColumnConfigToTanstackStates,
-  O as convertTanstackStatesToColumnConfig
+  F as convertColumnConfigToTanstackStates,
+  I as convertTanstackStatesToColumnConfig
 };
 //# sourceMappingURL=columnConfigConverter.es.js.map

package/dist/shared/src/util/columnConfigConverter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnConfigConverter.es.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const {\n    columns = [],\n    groupBy: groupByField,\n    groupSortByDesc,\n    showEmptyGroups,\n    sortBy,\n    sortDesc,\n    rowHeight,\n  } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width } = column\n\n    // Column visibility: undefined means hidden (opt-in model)\n    columnVisibility[name] = visible ?? false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  let groupBy: TableGroupBy | undefined\n  if (typeof groupByField === 'string' && groupByField.length > 0) {\n    groupBy = { id: groupByField, desc: groupSortByDesc ?? false }\n  } else if (Array.isArray(groupByField)) {\n    const first = groupByField.find((v) => typeof v === 'string' && v.length > 0)\n    if (first) {\n      groupBy = { id: first, desc: groupSortByDesc ?? false }\n    } else {\n      groupBy = undefined\n    }\n  } else {\n    groupBy = undefined\n  }\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n    entityType: '',\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight: rowHeight ?? 34,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n): ColumnItemModel {\n  const column: ColumnItemModel = {\n    name: columnName,\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order\n  const finalColumnOrder = determineColumnOrder(columnOrder, allColumnIds || [], columnsWithState)\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItemModel[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(columnName, columnVisibility, columnPinning, columnSizing),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    const id = Array.isArray(groupBy.id) ? groupBy.id[0] : groupBy.id\n    result.groupBy = id || undefined\n    result.groupSortByDesc = groupBy.desc ?? false\n  } else {\n    result.groupBy = undefined\n    result.groupSortByDesc = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  // Add row height if present\n  if (rowHeight !== undefined) {\n    result.rowHeight = rowHeight\n  }\n\n  return result\n}\n"],"names":["convertColumnConfigToTanstackStates","settings","columns","groupByField","groupSortByDesc","showEmptyGroups","sortBy","sortDesc","rowHeight","columnVisibility","columnPinning","columnOrder","columnSizing","column","name","visible","pinned","width","sorting","groupBy","first","v","determineColumnOrder","allColumnIds","columnsWithState","orderedColumns","remainingColumns","columnId","collectColumnsWithState","col","createColumnItem","columnName","isPinnedLeft","isPinnedRight","convertTanstackStatesToColumnConfig","states","groupByConfig","result","id","firstSort"],"mappings":"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"}
+{"version":3,"file":"columnConfigConverter.es.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\nimport {\n  SummaryCalc,\n  SummaryFormat,\n  RowScope,\n} from '@shared/containers/ProjectTreeTable/types/summaryTypes'\nimport {\n  ROW_SELECTION_COLUMN_ID,\n  DRAG_HANDLE_COLUMN_ID,\n} from '@shared/containers/ProjectTreeTable/constants'\n\n// These columns are always injected by ColumnSettingsProvider and must never be\n// persisted or loaded from saved view settings.\nconst INTERNAL_COLUMN_IDS = new Set([ROW_SELECTION_COLUMN_ID, DRAG_HANDLE_COLUMN_ID])\n\n// Backend doesn't store summary/summaryScope/summaryFormat on ColumnItemModel yet\ntype ColumnItem = ColumnItemModel & {\n  summary?: SummaryCalc\n  summaryScope?: RowScope\n  summaryFormat?: SummaryFormat\n}\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const {\n    columns = [],\n    groupBy: groupByField,\n    groupSortByDesc,\n    showEmptyGroups,\n    sortBy,\n    sortDesc,\n    rowHeight,\n  } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n  const columnSummaries: Record<string, SummaryCalc> = {}\n  const columnSummaryScopes: Record<string, RowScope> = {}\n  const columnSummaryFormats: Record<string, SummaryFormat> = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width, summary, summaryScope, summaryFormat } =\n      column as ColumnItem\n\n    // Skip internal columns — they are always injected by ColumnSettingsProvider\n    if (INTERNAL_COLUMN_IDS.has(name)) return\n\n    // Column visibility: undefined means hidden (opt-in model)\n    columnVisibility[name] = visible ?? false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n\n    // Column summary calc type\n    if (summary) {\n      columnSummaries[name] = summary\n    }\n\n    // Column summary row scope\n    if (summaryScope) {\n      columnSummaryScopes[name] = summaryScope\n    }\n\n    // Column summary display format\n    if (summaryFormat) {\n      columnSummaryFormats[name] = summaryFormat\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  let groupBy: TableGroupBy | undefined\n  if (typeof groupByField === 'string' && groupByField.length > 0) {\n    groupBy = { id: groupByField, desc: groupSortByDesc ?? false }\n  } else if (Array.isArray(groupByField)) {\n    const first = groupByField.find((v) => typeof v === 'string' && v.length > 0)\n    if (first) {\n      groupBy = { id: first, desc: groupSortByDesc ?? false }\n    } else {\n      groupBy = undefined\n    }\n  } else {\n    groupBy = undefined\n  }\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n    entityType: '',\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight: rowHeight ?? 34,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n  columnSummaries: Record<string, SummaryCalc>,\n  columnSummaryScopes: Record<string, RowScope>,\n  columnSummaryFormats: Record<string, SummaryFormat>,\n): ColumnItem {\n  const column: ColumnItem = {\n    name: columnName,\n    visible: !!columnVisibility[columnName],\n  }\n\n  // Set summary calc type if chosen for this column\n  if (columnSummaries[columnName]) {\n    column.summary = columnSummaries[columnName]\n  }\n\n  // Set summary row scope if chosen for this column\n  if (columnSummaryScopes[columnName]) {\n    column.summaryScope = columnSummaryScopes[columnName]\n  }\n\n  // Set summary display format if chosen for this column\n  if (columnSummaryFormats[columnName]) {\n    column.summaryFormat = columnSummaryFormats[columnName]\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    columnSummaries = {},\n    columnSummaryScopes = {},\n    columnSummaryFormats = {},\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order, excluding internal columns\n  const finalColumnOrder = determineColumnOrder(\n    columnOrder,\n    allColumnIds || [],\n    columnsWithState,\n  ).filter((id) => !INTERNAL_COLUMN_IDS.has(id))\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItem[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(\n      columnName,\n      columnVisibility,\n      columnPinning,\n      columnSizing,\n      columnSummaries,\n      columnSummaryScopes,\n      columnSummaryFormats,\n    ),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    const id = Array.isArray(groupBy.id) ? groupBy.id[0] : groupBy.id\n    result.groupBy = id || undefined\n    result.groupSortByDesc = groupBy.desc ?? false\n  } else {\n    result.groupBy = undefined\n    result.groupSortByDesc = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  // Add row height if present\n  if (rowHeight !== undefined) {\n    result.rowHeight = rowHeight\n  }\n\n  return result\n}\n"],"names":["INTERNAL_COLUMN_IDS","ROW_SELECTION_COLUMN_ID","DRAG_HANDLE_COLUMN_ID","convertColumnConfigToTanstackStates","settings","columns","groupByField","groupSortByDesc","showEmptyGroups","sortBy","sortDesc","rowHeight","columnVisibility","columnPinning","columnOrder","columnSizing","columnSummaries","columnSummaryScopes","columnSummaryFormats","column","name","visible","pinned","width","summary","summaryScope","summaryFormat","sorting","groupBy","first","v","determineColumnOrder","allColumnIds","columnsWithState","orderedColumns","remainingColumns","columnId","collectColumnsWithState","col","createColumnItem","columnName","isPinnedLeft","isPinnedRight","convertTanstackStatesToColumnConfig","states","groupByConfig","result","id","firstSort"],"mappings":"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"}

package/dist/shared/src/util/getThumbnailUrl.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=({projectName:r,entityType:l,entityId:n,thumbnailId:u,thumbnailHash:t})=>{if(!r)return null;if(l==="project")return i(r,t);if(!u&&(!n||!l))return null;const s=t?`?hash=${t}`:"";return n&&l?`/api/projects/${r}/${l}s/${n}/thumbnail${s}`:`/api/projects/${r}/thumbnails/${u}${s}`},i=(r,l)=>{if(!r)return null;const n=l?`?hash=${l}`:"";return`/api/projects/${r}/thumbnail${n}`};exports.getEntityThumbnailUrl=$;exports.getProjectThumbnailUrl=i;
+//# sourceMappingURL=getThumbnailUrl.cjs.js.map

package/dist/shared/src/util/getThumbnailUrl.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThumbnailUrl.cjs.js","sources":["../../../../src/util/getThumbnailUrl.ts"],"sourcesContent":["export interface GetEntityThumbnailUrlParams {\n  projectName: string\n  entityType?: string // 'folder' | 'task' | 'version' | 'project' | etc.\n  entityId?: string\n  thumbnailId?: string // fallback path when no entityId/entityType is available\n  thumbnailHash?: string // appended as ?hash= for cache busting; omitted if not provided\n}\n\n/**\n * Builds a thumbnail URL for a project entity.\n *\n * Always uses `?hash=<thumbnailHash>` for cache busting when a hash is available.\n * If no hash is provided the URL is returned without any query parameter — never\n * falls back to `updatedAt` or similar fields.\n *\n * Returns `null` when the required identity information is missing.\n */\nexport const getEntityThumbnailUrl = ({\n  projectName,\n  entityType,\n  entityId,\n  thumbnailId,\n  thumbnailHash,\n}: GetEntityThumbnailUrlParams): string | null => {\n  if (!projectName) return null\n\n  if (entityType === 'project') {\n    return getProjectThumbnailUrl(projectName, thumbnailHash)\n  }\n\n  if (!thumbnailId && (!entityId || !entityType)) return null\n\n  const hashParam = thumbnailHash ? `?hash=${thumbnailHash}` : ''\n\n  if (entityId && entityType) {\n    return `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail${hashParam}`\n  }\n\n  // fallback: look up by thumbnailId\n  return `/api/projects/${projectName}/thumbnails/${thumbnailId}${hashParam}`\n}\n\nexport const getProjectThumbnailUrl = (projectName: string, thumbnailHash?: string) => {\n  if (!projectName) return null\n  const hashParam = thumbnailHash ? `?hash=${thumbnailHash}` : ''\n  return `/api/projects/${projectName}/thumbnail${hashParam}`\n}\n"],"names":["getEntityThumbnailUrl","projectName","entityType","entityId","thumbnailId","thumbnailHash","getProjectThumbnailUrl","hashParam"],"mappings":"gFAiBO,MAAMA,EAAwB,CAAC,CACpC,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,CACF,IAAkD,CAChD,GAAI,CAACJ,EAAa,OAAO,KAEzB,GAAIC,IAAe,UACjB,OAAOI,EAAuBL,EAAaI,CAAa,EAG1D,GAAI,CAACD,IAAgB,CAACD,GAAY,CAACD,GAAa,OAAO,KAEvD,MAAMK,EAAYF,EAAgB,SAASA,CAAa,GAAK,GAE7D,OAAIF,GAAYD,EACP,iBAAiBD,CAAW,IAAIC,CAAU,KAAKC,CAAQ,aAAaI,CAAS,GAI/E,iBAAiBN,CAAW,eAAeG,CAAW,GAAGG,CAAS,EAC3E,EAEaD,EAAyB,CAACL,EAAqBI,IAA2B,CACrF,GAAI,CAACJ,EAAa,OAAO,KACzB,MAAMM,EAAYF,EAAgB,SAASA,CAAa,GAAK,GAC7D,MAAO,iBAAiBJ,CAAW,aAAaM,CAAS,EAC3D"}

package/dist/shared/src/util/getThumbnailUrl.es.js

@@ -0,0 +1,23 @@
+const o = ({
+  projectName: r,
+  entityType: n,
+  entityId: u,
+  thumbnailId: s,
+  thumbnailHash: $
+}) => {
+  if (!r) return null;
+  if (n === "project")
+    return h(r, $);
+  if (!s && (!u || !n)) return null;
+  const l = $ ? `?hash=${$}` : "";
+  return u && n ? `/api/projects/${r}/${n}s/${u}/thumbnail${l}` : `/api/projects/${r}/thumbnails/${s}${l}`;
+}, h = (r, n) => {
+  if (!r) return null;
+  const u = n ? `?hash=${n}` : "";
+  return `/api/projects/${r}/thumbnail${u}`;
+};
+export {
+  o as getEntityThumbnailUrl,
+  h as getProjectThumbnailUrl
+};
+//# sourceMappingURL=getThumbnailUrl.es.js.map

package/dist/shared/src/util/getThumbnailUrl.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThumbnailUrl.es.js","sources":["../../../../src/util/getThumbnailUrl.ts"],"sourcesContent":["export interface GetEntityThumbnailUrlParams {\n  projectName: string\n  entityType?: string // 'folder' | 'task' | 'version' | 'project' | etc.\n  entityId?: string\n  thumbnailId?: string // fallback path when no entityId/entityType is available\n  thumbnailHash?: string // appended as ?hash= for cache busting; omitted if not provided\n}\n\n/**\n * Builds a thumbnail URL for a project entity.\n *\n * Always uses `?hash=<thumbnailHash>` for cache busting when a hash is available.\n * If no hash is provided the URL is returned without any query parameter — never\n * falls back to `updatedAt` or similar fields.\n *\n * Returns `null` when the required identity information is missing.\n */\nexport const getEntityThumbnailUrl = ({\n  projectName,\n  entityType,\n  entityId,\n  thumbnailId,\n  thumbnailHash,\n}: GetEntityThumbnailUrlParams): string | null => {\n  if (!projectName) return null\n\n  if (entityType === 'project') {\n    return getProjectThumbnailUrl(projectName, thumbnailHash)\n  }\n\n  if (!thumbnailId && (!entityId || !entityType)) return null\n\n  const hashParam = thumbnailHash ? `?hash=${thumbnailHash}` : ''\n\n  if (entityId && entityType) {\n    return `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail${hashParam}`\n  }\n\n  // fallback: look up by thumbnailId\n  return `/api/projects/${projectName}/thumbnails/${thumbnailId}${hashParam}`\n}\n\nexport const getProjectThumbnailUrl = (projectName: string, thumbnailHash?: string) => {\n  if (!projectName) return null\n  const hashParam = thumbnailHash ? `?hash=${thumbnailHash}` : ''\n  return `/api/projects/${projectName}/thumbnail${hashParam}`\n}\n"],"names":["getEntityThumbnailUrl","projectName","entityType","entityId","thumbnailId","thumbnailHash","getProjectThumbnailUrl","hashParam"],"mappings":"AAiBO,MAAMA,IAAwB,CAAC;AAAA,EACpC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF,MAAkD;AAChD,MAAI,CAACJ,EAAa,QAAO;AAEzB,MAAIC,MAAe;AACjB,WAAOI,EAAuBL,GAAaI,CAAa;AAG1D,MAAI,CAACD,MAAgB,CAACD,KAAY,CAACD,GAAa,QAAO;AAEvD,QAAMK,IAAYF,IAAgB,SAASA,CAAa,KAAK;AAE7D,SAAIF,KAAYD,IACP,iBAAiBD,CAAW,IAAIC,CAAU,KAAKC,CAAQ,aAAaI,CAAS,KAI/E,iBAAiBN,CAAW,eAAeG,CAAW,GAAGG,CAAS;AAC3E,GAEaD,IAAyB,CAACL,GAAqBI,MAA2B;AACrF,MAAI,CAACJ,EAAa,QAAO;AACzB,QAAMM,IAAYF,IAAgB,SAASA,CAAa,KAAK;AAC7D,SAAO,iBAAiBJ,CAAW,aAAaM,CAAS;AAC3D;"}

package/dist/shared/src/util/thumbnailWebsocket.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=null;const c=new Set;let u,r=[],a;const w=()=>{if(r.length===0)return;const o=[...r];r=[],c.forEach(({updater:s,entityTypes:t})=>{const n=t?o.filter(i=>t.includes(i.summary.entityType)):o;n.length>0&&s(n)})},p=o=>{r.push(o),a&&window.clearTimeout(a);const s=3e3+Math.random()*1e3;a=window.setTimeout(()=>{a=void 0,w()},s)},l=()=>{if(e&&(e.readyState===WebSocket.OPEN||e.readyState===WebSocket.CONNECTING))return;const s=`${window.location.protocol.replace("http","ws")}//${window.location.host}/ws`;e=new WebSocket(s),e.onopen=()=>{const t=localStorage.getItem("accessToken");e?.readyState===WebSocket.OPEN&&e.send(JSON.stringify({topic:"auth",token:t,subscribe:["thumbnail.updated"]}))},e.onmessage=t=>{try{const n=JSON.parse(t.data);if(n.topic==="thumbnail.updated"){const i=n;i.sender&&i.sender===window.senderId?c.forEach(({updater:m,entityTypes:d})=>{(!d||d.includes(i.summary.entityType))&&m([i])}):p(i)}}catch(n){console.error("Failed to parse thumbnail update websocket message",n)}},e.onclose=()=>{e=null,c.size>0&&(u=window.setTimeout(()=>l(),5e3))}},b=(o,s)=>{const t={updater:o,entityTypes:s};return c.add(t),c.size===1&&l(),()=>{c.delete(t),c.size===0&&(u&&(window.clearTimeout(u),u=void 0),a&&(window.clearTimeout(a),a=void 0,r=[]),e&&(e.onclose=null,e.close(),e=null))}};exports.subscribeToThumbnailUpdates=b;
+//# sourceMappingURL=thumbnailWebsocket.cjs.js.map

package/dist/shared/src/util/thumbnailWebsocket.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnailWebsocket.cjs.js","sources":["../../../../src/util/thumbnailWebsocket.ts"],"sourcesContent":["/**\n * The expected structure of a websocket message when a thumbnail is updated.\n */\nexport type ThumbnailUpdateMessage = {\n  project: string\n  sender?: string\n  summary: {\n    entityId: string\n    entityType: string\n    thumbnailHash?: string\n  }\n}\n\nexport type ThumbnailUpdater = (messages: ThumbnailUpdateMessage[]) => void\n\n// Singleton WebSocket instance\nlet ws: WebSocket | null = null\n// Set of active updater objects with their filters\nconst updaters = new Set<{ updater: ThumbnailUpdater; entityTypes?: string[] }>()\nlet reconnectTimeout: ReturnType<typeof setTimeout> | undefined\n\n// Queue for lazy batched updates\nlet messageQueue: ThumbnailUpdateMessage[] = []\nlet processTimeout: ReturnType<typeof setTimeout> | undefined\n\nconst processQueue = () => {\n  if (messageQueue.length === 0) return\n\n  // Create a copy of the queue to process\n  const queueToProcess = [...messageQueue]\n  messageQueue = []\n\n  updaters.forEach(({ updater, entityTypes }) => {\n    const filtered = entityTypes\n      ? queueToProcess.filter((m) => entityTypes.includes(m.summary.entityType))\n      : queueToProcess\n\n    if (filtered.length > 0) {\n      updater(filtered)\n    }\n  })\n}\n\nconst queueMessage = (message: ThumbnailUpdateMessage) => {\n  messageQueue.push(message)\n\n  // Clear previous timeout to implement true debouncing\n  if (processTimeout) {\n    window.clearTimeout(processTimeout)\n  }\n\n  // Jitter/debounce window: Delays processing until 3-4s of silence occurs\n  // (Adjust the logic here if you preferred a fixed throttling interval instead)\n  const debounceDelay = 3000 + Math.random() * 1000\n\n  processTimeout = window.setTimeout(() => {\n    processTimeout = undefined\n    processQueue()\n  }, debounceDelay)\n}\n\n/**\n * Initializes the WebSocket connection and sets up event listeners.\n */\nconst connectWS = () => {\n  if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) {\n    return\n  }\n\n  const proto = window.location.protocol.replace('http', 'ws')\n  const wsAddress = `${proto}//${window.location.host}/ws`\n\n  ws = new WebSocket(wsAddress)\n\n  ws.onopen = () => {\n    const accessToken = localStorage.getItem('accessToken')\n    if (ws?.readyState === WebSocket.OPEN) {\n      ws.send(\n        JSON.stringify({\n          topic: 'auth',\n          token: accessToken,\n          subscribe: ['thumbnail.updated'],\n        }),\n      )\n    }\n  }\n\n  ws.onmessage = (event) => {\n    try {\n      const data = JSON.parse(event.data)\n\n      // Note: Ensure your server data structure matches this check.\n      // If the server wraps the message in a 'payload' property, adjust accordingly.\n      if (data.topic === 'thumbnail.updated') {\n        const message = data as ThumbnailUpdateMessage\n\n        // Bypass debounce if current client initiated the change\n        if (message.sender && message.sender === (window as any).senderId) {\n          updaters.forEach(({ updater, entityTypes }) => {\n            if (!entityTypes || entityTypes.includes(message.summary.entityType)) {\n              updater([message])\n            }\n          })\n        } else {\n          queueMessage(message)\n        }\n      }\n    } catch (error) {\n      console.error('Failed to parse thumbnail update websocket message', error)\n    }\n  }\n\n  ws.onclose = () => {\n    ws = null\n    // Auto-reconnect after 5 seconds if there are still active subscribers\n    if (updaters.size > 0) {\n      reconnectTimeout = window.setTimeout(() => connectWS(), 5000)\n    }\n  }\n}\n\n/**\n * Subscribes a callback to listen for thumbnail updates.\n *\n * @param updater Callback to run when a thumbnail update is received.\n * @param entityTypes Optional list of entity types to filter by (e.g., ['folder', 'task']).\n * @returns A cleanup function to unsubscribe from updates.\n */\nexport const subscribeToThumbnailUpdates = (updater: ThumbnailUpdater, entityTypes?: string[]) => {\n  const updaterObj = { updater, entityTypes }\n  updaters.add(updaterObj)\n\n  if (updaters.size === 1) {\n    connectWS()\n  }\n\n  return () => {\n    updaters.delete(updaterObj)\n\n    if (updaters.size === 0) {\n      if (reconnectTimeout) {\n        window.clearTimeout(reconnectTimeout)\n        reconnectTimeout = undefined\n      }\n      if (processTimeout) {\n        window.clearTimeout(processTimeout)\n        processTimeout = undefined\n        messageQueue = []\n      }\n      if (ws) {\n        ws.onclose = null // Prevent reconnect loop on intentional disconnect\n        ws.close()\n        ws = null\n      }\n    }\n  }\n}\n"],"names":["ws","updaters","reconnectTimeout","messageQueue","processTimeout","processQueue","queueToProcess","updater","entityTypes","filtered","m","queueMessage","message","debounceDelay","connectWS","wsAddress","accessToken","event","data","error","subscribeToThumbnailUpdates","updaterObj"],"mappings":"gFAgBA,IAAIA,EAAuB,KAE3B,MAAMC,MAAe,IACrB,IAAIC,EAGAC,EAAyC,CAAA,EACzCC,EAEJ,MAAMC,EAAe,IAAM,CACzB,GAAIF,EAAa,SAAW,EAAG,OAG/B,MAAMG,EAAiB,CAAC,GAAGH,CAAY,EACvCA,EAAe,CAAA,EAEfF,EAAS,QAAQ,CAAC,CAAE,QAAAM,EAAS,YAAAC,KAAkB,CAC7C,MAAMC,EAAWD,EACbF,EAAe,OAAQI,GAAMF,EAAY,SAASE,EAAE,QAAQ,UAAU,CAAC,EACvEJ,EAEAG,EAAS,OAAS,GACpBF,EAAQE,CAAQ,CAEpB,CAAC,CACH,EAEME,EAAgBC,GAAoC,CACxDT,EAAa,KAAKS,CAAO,EAGrBR,GACF,OAAO,aAAaA,CAAc,EAKpC,MAAMS,EAAgB,IAAO,KAAK,OAAA,EAAW,IAE7CT,EAAiB,OAAO,WAAW,IAAM,CACvCA,EAAiB,OACjBC,EAAA,CACF,EAAGQ,CAAa,CAClB,EAKMC,EAAY,IAAM,CACtB,GAAId,IAAOA,EAAG,aAAe,UAAU,MAAQA,EAAG,aAAe,UAAU,YACzE,OAIF,MAAMe,EAAY,GADJ,OAAO,SAAS,SAAS,QAAQ,OAAQ,IAAI,CACjC,KAAK,OAAO,SAAS,IAAI,MAEnDf,EAAK,IAAI,UAAUe,CAAS,EAE5Bf,EAAG,OAAS,IAAM,CAChB,MAAMgB,EAAc,aAAa,QAAQ,aAAa,EAClDhB,GAAI,aAAe,UAAU,MAC/BA,EAAG,KACD,KAAK,UAAU,CACb,MAAO,OACP,MAAOgB,EACP,UAAW,CAAC,mBAAmB,CAAA,CAChC,CAAA,CAGP,EAEAhB,EAAG,UAAaiB,GAAU,CACxB,GAAI,CACF,MAAMC,EAAO,KAAK,MAAMD,EAAM,IAAI,EAIlC,GAAIC,EAAK,QAAU,oBAAqB,CACtC,MAAMN,EAAUM,EAGZN,EAAQ,QAAUA,EAAQ,SAAY,OAAe,SACvDX,EAAS,QAAQ,CAAC,CAAE,QAAAM,EAAS,YAAAC,KAAkB,EACzC,CAACA,GAAeA,EAAY,SAASI,EAAQ,QAAQ,UAAU,IACjEL,EAAQ,CAACK,CAAO,CAAC,CAErB,CAAC,EAEDD,EAAaC,CAAO,CAExB,CACF,OAASO,EAAO,CACd,QAAQ,MAAM,qDAAsDA,CAAK,CAC3E,CACF,EAEAnB,EAAG,QAAU,IAAM,CACjBA,EAAK,KAEDC,EAAS,KAAO,IAClBC,EAAmB,OAAO,WAAW,IAAMY,EAAA,EAAa,GAAI,EAEhE,CACF,EASaM,EAA8B,CAACb,EAA2BC,IAA2B,CAChG,MAAMa,EAAa,CAAE,QAAAd,EAAS,YAAAC,CAAA,EAC9B,OAAAP,EAAS,IAAIoB,CAAU,EAEnBpB,EAAS,OAAS,GACpBa,EAAA,EAGK,IAAM,CACXb,EAAS,OAAOoB,CAAU,EAEtBpB,EAAS,OAAS,IAChBC,IACF,OAAO,aAAaA,CAAgB,EACpCA,EAAmB,QAEjBE,IACF,OAAO,aAAaA,CAAc,EAClCA,EAAiB,OACjBD,EAAe,CAAA,GAEbH,IACFA,EAAG,QAAU,KACbA,EAAG,MAAA,EACHA,EAAK,MAGX,CACF"}

package/dist/shared/src/util/thumbnailWebsocket.es.js

@@ -0,0 +1,54 @@
+let e = null;
+const i = /* @__PURE__ */ new Set();
+let d, r = [], a;
+const m = () => {
+  if (r.length === 0) return;
+  const t = [...r];
+  r = [], i.forEach(({ updater: s, entityTypes: o }) => {
+    const n = o ? t.filter((c) => o.includes(c.summary.entityType)) : t;
+    n.length > 0 && s(n);
+  });
+}, p = (t) => {
+  r.push(t), a && window.clearTimeout(a);
+  const s = 3e3 + Math.random() * 1e3;
+  a = window.setTimeout(() => {
+    a = void 0, m();
+  }, s);
+}, l = () => {
+  if (e && (e.readyState === WebSocket.OPEN || e.readyState === WebSocket.CONNECTING))
+    return;
+  const s = `${window.location.protocol.replace("http", "ws")}//${window.location.host}/ws`;
+  e = new WebSocket(s), e.onopen = () => {
+    const o = localStorage.getItem("accessToken");
+    e?.readyState === WebSocket.OPEN && e.send(
+      JSON.stringify({
+        topic: "auth",
+        token: o,
+        subscribe: ["thumbnail.updated"]
+      })
+    );
+  }, e.onmessage = (o) => {
+    try {
+      const n = JSON.parse(o.data);
+      if (n.topic === "thumbnail.updated") {
+        const c = n;
+        c.sender && c.sender === window.senderId ? i.forEach(({ updater: w, entityTypes: u }) => {
+          (!u || u.includes(c.summary.entityType)) && w([c]);
+        }) : p(c);
+      }
+    } catch (n) {
+      console.error("Failed to parse thumbnail update websocket message", n);
+    }
+  }, e.onclose = () => {
+    e = null, i.size > 0 && (d = window.setTimeout(() => l(), 5e3));
+  };
+}, f = (t, s) => {
+  const o = { updater: t, entityTypes: s };
+  return i.add(o), i.size === 1 && l(), () => {
+    i.delete(o), i.size === 0 && (d && (window.clearTimeout(d), d = void 0), a && (window.clearTimeout(a), a = void 0, r = []), e && (e.onclose = null, e.close(), e = null));
+  };
+};
+export {
+  f as subscribeToThumbnailUpdates
+};
+//# sourceMappingURL=thumbnailWebsocket.es.js.map

package/dist/shared/src/util/thumbnailWebsocket.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnailWebsocket.es.js","sources":["../../../../src/util/thumbnailWebsocket.ts"],"sourcesContent":["/**\n * The expected structure of a websocket message when a thumbnail is updated.\n */\nexport type ThumbnailUpdateMessage = {\n  project: string\n  sender?: string\n  summary: {\n    entityId: string\n    entityType: string\n    thumbnailHash?: string\n  }\n}\n\nexport type ThumbnailUpdater = (messages: ThumbnailUpdateMessage[]) => void\n\n// Singleton WebSocket instance\nlet ws: WebSocket | null = null\n// Set of active updater objects with their filters\nconst updaters = new Set<{ updater: ThumbnailUpdater; entityTypes?: string[] }>()\nlet reconnectTimeout: ReturnType<typeof setTimeout> | undefined\n\n// Queue for lazy batched updates\nlet messageQueue: ThumbnailUpdateMessage[] = []\nlet processTimeout: ReturnType<typeof setTimeout> | undefined\n\nconst processQueue = () => {\n  if (messageQueue.length === 0) return\n\n  // Create a copy of the queue to process\n  const queueToProcess = [...messageQueue]\n  messageQueue = []\n\n  updaters.forEach(({ updater, entityTypes }) => {\n    const filtered = entityTypes\n      ? queueToProcess.filter((m) => entityTypes.includes(m.summary.entityType))\n      : queueToProcess\n\n    if (filtered.length > 0) {\n      updater(filtered)\n    }\n  })\n}\n\nconst queueMessage = (message: ThumbnailUpdateMessage) => {\n  messageQueue.push(message)\n\n  // Clear previous timeout to implement true debouncing\n  if (processTimeout) {\n    window.clearTimeout(processTimeout)\n  }\n\n  // Jitter/debounce window: Delays processing until 3-4s of silence occurs\n  // (Adjust the logic here if you preferred a fixed throttling interval instead)\n  const debounceDelay = 3000 + Math.random() * 1000\n\n  processTimeout = window.setTimeout(() => {\n    processTimeout = undefined\n    processQueue()\n  }, debounceDelay)\n}\n\n/**\n * Initializes the WebSocket connection and sets up event listeners.\n */\nconst connectWS = () => {\n  if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) {\n    return\n  }\n\n  const proto = window.location.protocol.replace('http', 'ws')\n  const wsAddress = `${proto}//${window.location.host}/ws`\n\n  ws = new WebSocket(wsAddress)\n\n  ws.onopen = () => {\n    const accessToken = localStorage.getItem('accessToken')\n    if (ws?.readyState === WebSocket.OPEN) {\n      ws.send(\n        JSON.stringify({\n          topic: 'auth',\n          token: accessToken,\n          subscribe: ['thumbnail.updated'],\n        }),\n      )\n    }\n  }\n\n  ws.onmessage = (event) => {\n    try {\n      const data = JSON.parse(event.data)\n\n      // Note: Ensure your server data structure matches this check.\n      // If the server wraps the message in a 'payload' property, adjust accordingly.\n      if (data.topic === 'thumbnail.updated') {\n        const message = data as ThumbnailUpdateMessage\n\n        // Bypass debounce if current client initiated the change\n        if (message.sender && message.sender === (window as any).senderId) {\n          updaters.forEach(({ updater, entityTypes }) => {\n            if (!entityTypes || entityTypes.includes(message.summary.entityType)) {\n              updater([message])\n            }\n          })\n        } else {\n          queueMessage(message)\n        }\n      }\n    } catch (error) {\n      console.error('Failed to parse thumbnail update websocket message', error)\n    }\n  }\n\n  ws.onclose = () => {\n    ws = null\n    // Auto-reconnect after 5 seconds if there are still active subscribers\n    if (updaters.size > 0) {\n      reconnectTimeout = window.setTimeout(() => connectWS(), 5000)\n    }\n  }\n}\n\n/**\n * Subscribes a callback to listen for thumbnail updates.\n *\n * @param updater Callback to run when a thumbnail update is received.\n * @param entityTypes Optional list of entity types to filter by (e.g., ['folder', 'task']).\n * @returns A cleanup function to unsubscribe from updates.\n */\nexport const subscribeToThumbnailUpdates = (updater: ThumbnailUpdater, entityTypes?: string[]) => {\n  const updaterObj = { updater, entityTypes }\n  updaters.add(updaterObj)\n\n  if (updaters.size === 1) {\n    connectWS()\n  }\n\n  return () => {\n    updaters.delete(updaterObj)\n\n    if (updaters.size === 0) {\n      if (reconnectTimeout) {\n        window.clearTimeout(reconnectTimeout)\n        reconnectTimeout = undefined\n      }\n      if (processTimeout) {\n        window.clearTimeout(processTimeout)\n        processTimeout = undefined\n        messageQueue = []\n      }\n      if (ws) {\n        ws.onclose = null // Prevent reconnect loop on intentional disconnect\n        ws.close()\n        ws = null\n      }\n    }\n  }\n}\n"],"names":["ws","updaters","reconnectTimeout","messageQueue","processTimeout","processQueue","queueToProcess","updater","entityTypes","filtered","m","queueMessage","message","debounceDelay","connectWS","wsAddress","accessToken","event","data","error","subscribeToThumbnailUpdates","updaterObj"],"mappings":"AAgBA,IAAIA,IAAuB;AAE3B,MAAMC,wBAAe,IAAA;AACrB,IAAIC,GAGAC,IAAyC,CAAA,GACzCC;AAEJ,MAAMC,IAAe,MAAM;AACzB,MAAIF,EAAa,WAAW,EAAG;AAG/B,QAAMG,IAAiB,CAAC,GAAGH,CAAY;AACvC,EAAAA,IAAe,CAAA,GAEfF,EAAS,QAAQ,CAAC,EAAE,SAAAM,GAAS,aAAAC,QAAkB;AAC7C,UAAMC,IAAWD,IACbF,EAAe,OAAO,CAACI,MAAMF,EAAY,SAASE,EAAE,QAAQ,UAAU,CAAC,IACvEJ;AAEJ,IAAIG,EAAS,SAAS,KACpBF,EAAQE,CAAQ;AAAA,EAEpB,CAAC;AACH,GAEME,IAAe,CAACC,MAAoC;AACxD,EAAAT,EAAa,KAAKS,CAAO,GAGrBR,KACF,OAAO,aAAaA,CAAc;AAKpC,QAAMS,IAAgB,MAAO,KAAK,OAAA,IAAW;AAE7C,EAAAT,IAAiB,OAAO,WAAW,MAAM;AACvC,IAAAA,IAAiB,QACjBC,EAAA;AAAA,EACF,GAAGQ,CAAa;AAClB,GAKMC,IAAY,MAAM;AACtB,MAAId,MAAOA,EAAG,eAAe,UAAU,QAAQA,EAAG,eAAe,UAAU;AACzE;AAIF,QAAMe,IAAY,GADJ,OAAO,SAAS,SAAS,QAAQ,QAAQ,IAAI,CACjC,KAAK,OAAO,SAAS,IAAI;AAEnD,EAAAf,IAAK,IAAI,UAAUe,CAAS,GAE5Bf,EAAG,SAAS,MAAM;AAChB,UAAMgB,IAAc,aAAa,QAAQ,aAAa;AACtD,IAAIhB,GAAI,eAAe,UAAU,QAC/BA,EAAG;AAAA,MACD,KAAK,UAAU;AAAA,QACb,OAAO;AAAA,QACP,OAAOgB;AAAA,QACP,WAAW,CAAC,mBAAmB;AAAA,MAAA,CAChC;AAAA,IAAA;AAAA,EAGP,GAEAhB,EAAG,YAAY,CAACiB,MAAU;AACxB,QAAI;AACF,YAAMC,IAAO,KAAK,MAAMD,EAAM,IAAI;AAIlC,UAAIC,EAAK,UAAU,qBAAqB;AACtC,cAAMN,IAAUM;AAGhB,QAAIN,EAAQ,UAAUA,EAAQ,WAAY,OAAe,WACvDX,EAAS,QAAQ,CAAC,EAAE,SAAAM,GAAS,aAAAC,QAAkB;AAC7C,WAAI,CAACA,KAAeA,EAAY,SAASI,EAAQ,QAAQ,UAAU,MACjEL,EAAQ,CAACK,CAAO,CAAC;AAAA,QAErB,CAAC,IAEDD,EAAaC,CAAO;AAAA,MAExB;AAAA,IACF,SAASO,GAAO;AACd,cAAQ,MAAM,sDAAsDA,CAAK;AAAA,IAC3E;AAAA,EACF,GAEAnB,EAAG,UAAU,MAAM;AACjB,IAAAA,IAAK,MAEDC,EAAS,OAAO,MAClBC,IAAmB,OAAO,WAAW,MAAMY,EAAA,GAAa,GAAI;AAAA,EAEhE;AACF,GASaM,IAA8B,CAACb,GAA2BC,MAA2B;AAChG,QAAMa,IAAa,EAAE,SAAAd,GAAS,aAAAC,EAAA;AAC9B,SAAAP,EAAS,IAAIoB,CAAU,GAEnBpB,EAAS,SAAS,KACpBa,EAAA,GAGK,MAAM;AACX,IAAAb,EAAS,OAAOoB,CAAU,GAEtBpB,EAAS,SAAS,MAChBC,MACF,OAAO,aAAaA,CAAgB,GACpCA,IAAmB,SAEjBE,MACF,OAAO,aAAaA,CAAc,GAClCA,IAAiB,QACjBD,IAAe,CAAA,IAEbH,MACFA,EAAG,UAAU,MACbA,EAAG,MAAA,GACHA,IAAK;AAAA,EAGX;AACF;"}

package/dist/types/api/generated/folders.d.ts

@@ -51,15 +51,11 @@ export type DeleteFolderApiArg = {
     folderId: string;
     /** Allow recursive deletion */
     force?: boolean;
-    'x-sender'?: string;
-    'x-sender-type'?: string;
 };
 export type UpdateFolderApiResponse = unknown;
 export type UpdateFolderApiArg = {
     projectName: string;
     folderId: string;
-    'x-sender'?: string;
-    'x-sender-type'?: string;
     folderPatchModel: FolderPatchModel;
 };
 export type GetFolderListApiResponse = FolderListModel;
@@ -71,8 +67,6 @@ export type GetFolderListApiArg = {
 export type CreateFolderApiResponse = EntityIdResponse;
 export type CreateFolderApiArg = {
     projectName: string;
-    'x-sender'?: string;
-    'x-sender-type'?: string;
     folderPostModel: FolderPostModel;
 };
 export type SearchFoldersApiResponse = FolderSearchResponse;
@@ -193,6 +187,7 @@ export type FolderListItem = {
     hasTasks?: boolean;
     hasChildren?: boolean;
     hasReviewables?: boolean;
+    thumbnailHash: string;
     taskNames?: string[];
     tags?: string[];
     status: string;