@ynput/ayon-frontend-shared 0.4.7 → 0.5.0

package/dist/chunks/Slicer.es.js

@@ -1,214 +1,447 @@
-import { jsxs as Q, jsx as R, Fragment as ve } from "react/jsx-runtime";
-import { useContext as xe, useMemo as _, useCallback as M, useState as j, useEffect as ae, forwardRef as we, useRef as le, useId as Le, useImperativeHandle as Ce } from "react";
-import { b as De, a as Ee, H as ke, d as Re, S as Me } from "./SimpleTable.es.js";
-import { u as Ae, E as Oe } from "./EntityPickerDialog.es.js";
-import { bp as Fe, bf as ye, bn as _e, be as de } from "./searchTerms.es.js";
-import { cD as Ne, bQ as Pe, bw as je, dj as ge } from "./getUris.es.js";
+import { jsx as E, jsxs as G, Fragment as $e } from "react/jsx-runtime";
+import { useState as U, useCallback as A, useMemo as O, useContext as Ye, useEffect as se, forwardRef as Je, useRef as ye, useId as Xe, useImperativeHandle as Ze, useLayoutEffect as Te } from "react";
+import { Splitter as et, SplitterPanel as tt } from "primereact/splitter";
+import V from "styled-components";
+import { u as Ie, n as me } from "./entityDefinitions.es.js";
+import { f as ze, c as nt, u as st } from "./MenuContext.es.js";
+import { u as Ce } from "./useLocalStorage.es.js";
+import { u as we } from "./ProjectFoldersContext.es.js";
+import { E as ot, u as at } from "./EntityPickerDialog.es.js";
+import { toast as Re } from "react-toastify";
+import { be as De, bp as it, bf as Ue, bn as rt } from "./searchTerms.es.js";
+import { dk as Ve, cE as lt, bR as ct, bx as dt } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { a as H } from "./ProjectContext.es.js";
-import { b as se, n as W } from "./entityDefinitions.es.js";
-import { u as Ue } from "./GlobalContext.es.js";
-import { P as Ve, U as he, h as $e } from "./MetaWidget.es.js";
+import { h as ut, P as pt, U as He } from "./MetaWidget.es.js";
 import "lodash";
-import { toast as ce } from "react-toastify";
 import "uuid";
-import { u as Be, a as He } from "./useAttributeEnums.es.js";
-import { u as Ke } from "./useLocalStorage.es.js";
-import { g as z } from "./getEntityTypeIcon.es.js";
-import { b as qe, s as Ge } from "./buildHierarchicalTableRows.es.js";
-import { g as We } from "./parseHtmlToPlainTextWithLinks.es.js";
-import { InputText as ze, Button as Qe } from "@ynput/ayon-react-components";
-import ie from "clsx";
-import K from "styled-components";
-import { u as Ye } from "./NewEntityContext.es.js";
-import { a as Xe, K as Je } from "./platform.es.js";
-import { c as Ze, u as et } from "./MenuContext.es.js";
-import { g as tt } from "./DeleteEntitiesContext.es.js";
-import { u as nt } from "./VersionUploadContext.es.js";
-import { u as at, b as ot, F as ue } from "./EntityUpdatesContext.es.js";
+import { b as he, H as ft, a as mt, d as ht, S as gt } from "./SimpleTable.es.js";
+import { a as ue } from "./ProjectContext.es.js";
+import { u as yt } from "./GlobalContext.es.js";
+import { u as bt, a as St } from "./useAttributeEnums.es.js";
+import { g as ge } from "./getEntityTypeIcon.es.js";
+import { b as Tt, s as vt } from "./buildHierarchicalTableRows.es.js";
+import { g as xt } from "./parseHtmlToPlainTextWithLinks.es.js";
+import { InputText as It, Button as Ct, Icon as wt } from "@ynput/ayon-react-components";
+import W from "clsx";
+import { u as Lt } from "./NewEntityContext.es.js";
+import { a as Et, K as kt } from "./platform.es.js";
+import { g as Rt } from "./DeleteEntitiesContext.es.js";
+import { u as Dt } from "./VersionUploadContext.es.js";
+import { u as Pt, b as Mt, F as Pe } from "./EntityUpdatesContext.es.js";
 import "./MenuItem.es.js";
 import "@module-federation/enhanced/runtime";
 import "semver";
 import "react-dom";
-import { u as be } from "./ProjectFoldersContext.es.js";
-const st = ({ projectName: a, useExtraSlices: n }) => {
-  const [i, { isLoading: l, isFetching: d }] = Ne(), { formatAssignees: r } = n();
+const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.includes(r) ? Ge : a), Ot = (e, t, a, r) => {
+  const d = e.reduce((p, g) => p + g, 0), l = r.filter(Boolean).length;
+  if (!l || d === a) return e;
+  if (d < a) {
+    const p = (a - d) / l;
+    return e.map((g, L) => r[L] ? g + p : g);
+  }
+  const f = e.map((p, g) => r[g] ? p - t[g] : 0), S = f.reduce((p, g) => p + g, 0);
+  if (!S) return e;
+  const m = d - a;
+  return e.map((p, g) => p - m * (f[g] / S));
+}, Nt = (e, t, a = [], r = 0, d = _t) => {
+  if (!t.length)
+    return { heights: [], mins: [], sizes: [], minSize: 2, height: r };
+  const l = t.filter((h) => !a.includes(h)).length, f = (t.length - l) * Ge, S = r && l ? Math.min(
+    d,
+    Math.max(
+      Be,
+      Math.floor((r - f) / l)
+    )
+  ) : d, m = At(t, a), p = t.map(
+    (h, i) => a.includes(h) ? m[i] : Math.max(e[h] ?? S, m[i])
+  ), g = t.map((h) => !a.includes(h)), L = m.reduce((h, i) => h + i, 0), u = g.some(Boolean) ? Math.max(r, L) : L, b = Ot(p, m, u, g);
+  return {
+    heights: b,
+    mins: m,
+    sizes: b.map((h) => h / u * 100),
+    // primereact must allow the drag past the min; clampDraggedHeights puts it back
+    minSize: 2,
+    height: u
+  };
+}, jt = (e, t, a) => {
+  const r = e.map((m, p) => Math.max(m / 100 * t, a[p])), d = Math.max(
+    t,
+    a.reduce((m, p) => m + p, 0)
+  ), l = r.reduce((m, p) => m + p, 0) - d;
+  if (l <= 0) return r;
+  const f = r.map((m, p) => m - a[p]), S = f.reduce((m, p) => m + p, 0);
+  return S ? r.map((m, p) => m - l * (f[p] / S)) : r;
+}, Ft = "slicer-splitter", Me = {
+  minSize: 2,
+  size: 12
+}, Yn = () => {
+  const [e, t] = ze(Ft, [
+    Me.size,
+    100 - Me.size
+  ]);
+  return [e, (r) => {
+    t(r.sizes);
+  }];
+}, $t = (e, t, a = [], r = 0) => {
+  const [d, l] = ze(
+    `slicer-panel-heights-${e}`,
+    {}
+  ), [f, S] = U(0), m = Array.isArray(d) ? {} : d, {
+    sizes: p,
+    mins: g,
+    minSize: L,
+    height: u,
+    heights: b
+  } = Nt(m, t, a, r), h = (i) => {
+    const c = jt(i.sizes, u, g);
+    l({
+      ...m,
+      ...Object.fromEntries(
+        t.map((o, y) => [o, c[y]]).filter(([o]) => !a.includes(o))
+      )
+    }), c.some(
+      (o, y) => Math.abs(o - i.sizes[y] / 100 * u) > 1
+    ) && S((o) => o + 1);
+  };
+  return {
+    sizes: p,
+    minSize: L,
+    height: u,
+    panelHeights: b,
+    layoutKey: `${t.join("|")}#${a.join("|")}#${f}`,
+    handleResizeEnd: h
+  };
+}, zt = ({
+  projectName: e,
+  movingEntities: t,
+  onClose: a,
+  onMoveComplete: r
+}) => {
+  const [d] = Ve(), l = ut(), { folders: f } = we(), S = l?.tableData || [], m = A(
+    (h) => l?.getEntityById(h) || f.find((i) => i.id === h),
+    [f, l]
+  ), p = A(
+    async (h) => {
+      if (!t || h.length === 0) return;
+      const i = h[0];
+      try {
+        const c = t.entities.map(
+          (y, n) => ({
+            id: `move-${y.entityId}-${Date.now()}-${n}`,
+            type: "update",
+            entityType: y.entityType,
+            entityId: y.entityId,
+            data: y.entityType === "folder" ? { parentId: i } : { folderId: i }
+          })
+        ), o = (await d({
+          projectName: e,
+          operationsRequestModel: {
+            operations: c
+          }
+        }).unwrap())?.operations?.filter((y) => y.success === !1) || [];
+        if (o.length > 0) {
+          const y = o.map((n) => n.detail).join(", ");
+          throw new Error(y || "Some move operations failed");
+        }
+        r?.(i);
+      } catch (c) {
+        let s = De(c) || "Failed to move entities";
+        if (s.includes("already exists"))
+          if (t.entities.length > 1)
+            s = "Cannot move some entities - one or more entities with the same name already exist in the target location";
+          else if (t.entities[0].entityType === "task") {
+            const y = s.match(/name '.*?, (.+?)' already exists/);
+            s = `Cannot move "${y ? y[1] : "this task"}" - a task with this name already exists in the target folder`;
+          } else {
+            const y = s.match(/name '.*?, (.+?)' already exists/);
+            s = `Cannot move "${y ? y[1] : "this folder"}" - a folder with this name already exists in the target location`;
+          }
+        Re.error(s);
+      } finally {
+        a();
+      }
+    },
+    [t, e, d, a, r]
+  ), g = A(async () => {
+    if (t)
+      try {
+        const h = t.entities.map(
+          (s, o) => ({
+            id: `move-to-root-${s.entityId}-${Date.now()}-${o}`,
+            type: "update",
+            entityType: s.entityType,
+            entityId: s.entityId,
+            data: s.entityType === "folder" ? { parentId: null } : { folderId: null }
+          })
+        ), c = (await d({
+          projectName: e,
+          operationsRequestModel: {
+            operations: h
+          }
+        }).unwrap())?.operations?.filter((s) => s.success === !1) || [];
+        if (c.length > 0) {
+          const s = c.map((o) => o.detail).join(", ");
+          throw new Error(s || "Some move operations failed");
+        }
+      } catch (h) {
+        let i = De(h) || "Failed to move entities to root";
+        Re.error(i);
+      } finally {
+        a();
+      }
+  }, [t, e, d, a]), L = A(() => {
+    if (!t) return [];
+    const h = [];
+    return t.entities.forEach((i) => {
+      h.push(i.entityId);
+    }), f.forEach((i) => {
+      t.entities.some((s) => {
+        const o = m(s.entityId);
+        return o?.name ? S.filter((n) => s.entityType === "folder" ? n.entityType === "folder" && n.parentId === i.id : s.entityType === "task" ? n.entityType === "task" && n.folderId === i.id : !1).some(
+          (n) => n.name === o.name && n.entityId !== s.entityId
+        ) : !1;
+      }) && h.push(i.id);
+    }), [...new Set(h)];
+  }, [t, f, S, m]), u = A(
+    (h) => {
+      if (!t) return;
+      if (t.entities.some(
+        (y) => y.entityType === "folder" && y.entityId === h
+      ))
+        return "Cannot move folder to itself";
+      if (t.entities.some(
+        (y) => y.currentParentId === h
+      ))
+        return "Cannot move to the same location";
+      const s = f.find((y) => y.id === h);
+      if (s) {
+        const y = t.entities.find((n) => {
+          const x = m(n.entityId);
+          return x?.name ? S.filter((v) => n.entityType === "folder" ? v.entityType === "folder" && v.parentId === s.id : n.entityType === "task" ? v.entityType === "task" && v.folderId === s.id : !1).some(
+            (v) => v.name === x.name && v.entityId !== n.entityId
+          ) : !1;
+        });
+        if (y)
+          return `Cannot move "${m(y.entityId)?.name || "Entity"}" - an entity with the same name already exists in this folder`;
+      }
+      return t.entities.some(
+        (y) => y.entityType === "folder"
+      ) ? "Cannot move folder to its child" : "Cannot move to this location";
+    },
+    [t, f, S, m]
+  ), b = O(() => t?.entities.every((h) => h.entityType === "folder") || !1, [t]);
+  return {
+    handleMoveSubmit: p,
+    handleMoveToRoot: g,
+    getDisabledFolderIds: L,
+    getDisabledMessage: u,
+    canMoveToRoot: b
+  };
+}, Ut = ({
+  projectName: e,
+  movingEntities: t,
+  onClose: a,
+  onMoveComplete: r
+}) => {
+  const { handleMoveSubmit: d, handleMoveToRoot: l, getDisabledFolderIds: f, getDisabledMessage: S } = zt({
+    projectName: e,
+    movingEntities: t ?? null,
+    onClose: a,
+    onMoveComplete: r
+  });
+  return t?.entities.length ? /* @__PURE__ */ E(
+    ot,
+    {
+      projectName: e,
+      entityType: "folder",
+      onSubmit: d,
+      onClose: a,
+      showMoveToRoot: t.entities.every(
+        (m) => m.entityType === "folder"
+      ),
+      onMoveToRoot: l,
+      disabledIds: f(),
+      getDisabledMessage: S
+    }
+  ) : null;
+}, Vt = ({ projectName: e, useExtraSlices: t }) => {
+  const [a, { isLoading: r, isFetching: d }] = lt(), { formatAssignees: l } = t();
   return {
     getData: async () => {
-      const y = await i({ projectName: a || "" }, !0).unwrap();
-      return r(y);
+      const S = await a({ projectName: e || "" }, !0).unwrap();
+      return l(S);
     },
-    isLoading: l || d
+    isLoading: r || d
   };
-}, it = ({ scopes: a, useExtraSlices: n }) => {
-  const { isLoading: i, productTypes: l, ...d } = H(), { formatStatuses: r, formatTaskTypes: u, formatProductTypes: y, formatTypes: v, formatAttribute: b } = n();
-  return { project: d, getStatuses: async () => r(d, a), getTypes: async () => v(d), getTaskTypes: async () => u(d), getProductTypes: async () => y(l), getAttribute: async (h) => b ? b(h).map(
-    (s) => Fe(s.icon ?? void 0) ? { ...s, icon: void 0, img: s.icon, imgShape: "circle" } : s
-  ) : void 0, isLoading: i };
-}, rt = ({ entityTypes: a, request: n }) => {
+}, Ht = ({ scopes: e, useExtraSlices: t }) => {
+  const { isLoading: a, productTypes: r, ...d } = ue(), { formatStatuses: l, formatTaskTypes: f, formatProductTypes: S, formatTypes: m, formatAttribute: p } = t();
+  return { project: d, getStatuses: async () => l(d, e), getTypes: async () => m(d), getTaskTypes: async () => f(d), getProductTypes: async () => S(r), getAttribute: async (i) => p ? p(i).map(
+    (c) => it(c.icon ?? void 0) ? { ...c, icon: void 0, img: c.icon, imgShape: "circle" } : c
+  ) : void 0, isLoading: a };
+}, Bt = ({ entityTypes: e, request: t }) => {
   const {
-    attributes: i,
-    isLoading: { siteInfo: l }
-  } = Ue(), d = xe(Ve), r = d?.attribFields?.length ? d.attribFields : i, { projectName: u } = H();
-  return { attributes: Be(r, { projectName: u, request: n ?? [] }).filter((b) => ye(b.data)).filter((b) => a.some((S) => b.scope?.includes(S))).map(
-    (b) => b.data.enum?.some((S) => S.hidden) ? { ...b, data: { ...b.data, enum: _e(b.data.enum) } } : b
-  ), isLoading: l };
-}, lt = "snippet_folder", B = "folder", dt = (a) => `${B}-${a}`, pe = (a) => a.entityListType === "review-session" ? "subscriptions" : z(a.entityType), ne = (a) => [...a].sort((n, i) => {
-  if (n.active && !i.active) return -1;
-  if (!n.active && i.active) return 1;
-  const l = new Date(n.createdAt || 0);
-  return new Date(i.createdAt || 0).getTime() - l.getTime();
-}), ct = (a = !0) => {
-  const { projectName: n } = H(), { powerLicense: i } = Ke(), {
-    data: l,
+    attributes: a,
+    isLoading: { siteInfo: r }
+  } = yt(), d = Ye(pt), l = d?.attribFields?.length ? d.attribFields : a, { projectName: f } = ue();
+  return { attributes: bt(l, { projectName: f, request: t ?? [] }).filter((p) => Ue(p.data)).filter((p) => e.some((g) => p.scope?.includes(g))).map(
+    (p) => p.data.enum?.some((g) => g.hidden) ? { ...p, data: { ...p.data, enum: rt(p.data.enum) } } : p
+  ), isLoading: r };
+}, Gt = "snippet_folder", de = "folder", Kt = (e) => `${de}-${e}`, _e = (e) => e.entityListType === "review-session" ? "subscriptions" : ge(e.entityType), ve = (e) => [...e].sort((t, a) => {
+  if (t.active && !a.active) return -1;
+  if (!t.active && a.active) return 1;
+  const r = new Date(t.createdAt || 0);
+  return new Date(a.createdAt || 0).getTime() - r.getTime();
+}), Wt = (e = !0) => {
+  const { projectName: t } = ue(), { powerLicense: a } = Ce(), {
+    data: r,
     isLoading: d,
-    isFetching: r
-  } = Pe(
-    { projectName: n || "" },
+    isFetching: l
+  } = ct(
+    { projectName: t || "" },
     {
       initialPageParam: { cursor: "" },
-      skip: !n || !a
+      skip: !t || !e
     }
-  ), { data: u = [], isLoading: y } = je(
-    { projectName: n || "" },
-    { skip: !n || !i || !a }
-  ), v = _(() => {
-    if (!l?.pages) return [];
-    const w = l.pages.flatMap((p) => p.lists);
-    if (i && u.length > 0) {
-      const p = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Set();
-      for (const e of u)
-        p.set(e.id, {
-          id: e.id,
-          folder: e,
+  ), { data: f = [], isLoading: S } = dt(
+    { projectName: t || "" },
+    { skip: !t || !a || !e }
+  ), m = O(() => {
+    if (!r?.pages) return [];
+    const L = r.pages.flatMap((u) => u.lists);
+    if (a && f.length > 0) {
+      const u = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Set();
+      for (const n of f)
+        u.set(n.id, {
+          id: n.id,
+          folder: n,
           children: /* @__PURE__ */ new Map(),
           items: [],
           hasAnyItems: !1
-        }), e.parentId || I.add(e.id);
-      for (const e of u)
-        if (e.parentId && p.has(e.parentId)) {
-          const m = p.get(e.parentId), f = p.get(e.id);
-          m.children.set(e.id, f);
+        }), n.parentId || b.add(n.id);
+      for (const n of f)
+        if (n.parentId && u.has(n.parentId)) {
+          const x = u.get(n.parentId), T = u.get(n.id);
+          x.children.set(n.id, T);
         }
-      const g = [];
-      for (const e of w) {
-        const m = e.entityListFolderId;
-        if (m && p.has(m)) {
-          const f = p.get(m);
-          f.items.push(e), f.hasAnyItems = !0;
+      const h = [];
+      for (const n of L) {
+        const x = n.entityListFolderId;
+        if (x && u.has(x)) {
+          const T = u.get(x);
+          T.items.push(n), T.hasAnyItems = !0;
         } else
-          g.push(e);
+          h.push(n);
       }
-      for (const e of p.values())
-        if (e.hasAnyItems) {
-          let m = e.folder;
-          for (; m.parentId; ) {
-            const f = p.get(m.parentId);
-            if (f)
-              f.hasAnyItems = !0, m = f.folder;
+      for (const n of u.values())
+        if (n.hasAnyItems) {
+          let x = n.folder;
+          for (; x.parentId; ) {
+            const T = u.get(x.parentId);
+            if (T)
+              T.hasAnyItems = !0, x = T.folder;
             else
               break;
           }
         }
-      const h = (e, m, f = []) => ({
-        id: e.id,
-        name: e.label,
-        label: e.label,
-        ...f.length > 0 && { parents: f },
-        icon: pe(e),
+      const i = (n, x, T = []) => ({
+        id: n.id,
+        name: n.label,
+        label: n.label,
+        ...T.length > 0 && { parents: T },
+        icon: _e(n),
         subRows: [],
         data: {
-          id: e.id,
-          name: e.label,
-          label: e.label,
-          entityType: e.entityType,
-          listId: e.id
+          id: n.id,
+          name: n.label,
+          label: n.label,
+          entityType: n.entityType,
+          listId: n.id
         }
-      }), s = (e) => e.sort((m, f) => {
-        const x = u.findIndex((N) => N.id === m.id), C = u.findIndex((N) => N.id === f.id);
-        return x === -1 && C === -1 ? m.folder.label.localeCompare(f.folder.label) : x === -1 ? 1 : C === -1 ? -1 : x - C;
-      }), t = (e) => {
-        const m = e.items.map((f) => f.id);
-        for (const f of e.children.values())
-          m.push(...t(f));
-        return m;
-      }, o = qe({
-        folderNodes: p,
-        rootFolderIds: I,
+      }), c = (n) => n.sort((x, T) => {
+        const v = f.findIndex((H) => H.id === x.id), k = f.findIndex((H) => H.id === T.id);
+        return v === -1 && k === -1 ? x.folder.label.localeCompare(T.folder.label) : v === -1 ? 1 : k === -1 ? -1 : v - k;
+      }), s = (n) => {
+        const x = n.items.map((T) => T.id);
+        for (const T of n.children.values())
+          x.push(...s(T));
+        return x;
+      }, o = Tt({
+        folderNodes: u,
+        rootFolderIds: b,
         showEmptyFolders: !1,
-        buildFolderRowId: dt,
-        createItemRow: h,
-        sortFolderNodes: s,
-        sortItems: ne,
-        getFolderLabel: (e) => e.label,
-        getFolderIcon: (e) => e.data?.icon || lt,
-        getFolderColor: (e) => e.data?.color,
-        getItemCount: (e) => e.items.length + Array.from(e.children.values()).reduce((m, f) => m + f.items.length, 0)
+        buildFolderRowId: Kt,
+        createItemRow: i,
+        sortFolderNodes: c,
+        sortItems: ve,
+        getFolderLabel: (n) => n.label,
+        getFolderIcon: (n) => n.data?.icon || Gt,
+        getFolderColor: (n) => n.data?.color,
+        getItemCount: (n) => n.items.length + Array.from(n.children.values()).reduce((x, T) => x + T.items.length, 0)
       });
-      for (const e of o) {
-        if (e.id.startsWith(B + "-")) {
-          const f = e.id.substring((B + "-").length), x = p.get(f);
-          x && (e.data = { ...e.data, childListIds: t(x) });
+      for (const n of o) {
+        if (n.id.startsWith(de + "-")) {
+          const T = n.id.substring((de + "-").length), v = u.get(T);
+          v && (n.data = { ...n.data, childListIds: s(v) });
         }
-        const m = [...e.subRows || []];
-        for (; m.length > 0; ) {
-          const f = m.shift();
-          if (f.id.startsWith(B + "-")) {
-            const x = f.id.substring((B + "-").length), C = p.get(x);
-            C && (f.data = { ...f.data, childListIds: t(C) });
+        const x = [...n.subRows || []];
+        for (; x.length > 0; ) {
+          const T = x.shift();
+          if (T.id.startsWith(de + "-")) {
+            const v = T.id.substring((de + "-").length), k = u.get(v);
+            k && (T.data = { ...T.data, childListIds: s(k) });
           }
-          f.subRows && m.push(...f.subRows);
+          T.subRows && x.push(...T.subRows);
         }
       }
-      const c = ne(g).map((e) => h(e));
-      return [...o, ...c];
+      const y = ve(h).map((n) => i(n));
+      return [...o, ...y];
     }
-    return ne(w).map((p) => ({
-      id: p.id,
-      name: p.label,
-      label: p.label,
-      icon: pe(p),
+    return ve(L).map((u) => ({
+      id: u.id,
+      name: u.label,
+      label: u.label,
+      icon: _e(u),
       subRows: [],
       data: {
-        id: p.id,
-        name: p.label,
-        label: p.label,
-        entityType: p.entityType,
-        listId: p.id
+        id: u.id,
+        name: u.label,
+        label: u.label,
+        entityType: u.entityType,
+        listId: u.id
       }
     }));
-  }, [l, i, u]), b = i && u.length > 0;
+  }, [r, a, f]), p = a && f.length > 0;
   return {
-    getData: M(async () => v, [v]),
-    isLoading: d || r || y,
-    isExpandable: b
+    getData: A(async () => m, [m]),
+    isLoading: d || l || S,
+    isExpandable: p
   };
-}, ut = (a, n, i, l) => a.id === "noValue" ? n.get(he)?.count ?? (l ? 0 : void 0) : a.id === "hasValue" ? l ? i : void 0 : n.get(a.id)?.count ?? (a.name ? n.get(a.name)?.count : void 0) ?? (l ? 0 : void 0), Ie = (a, n, i, l) => n ? a.map((d) => {
-  const r = ut(d, n, i, l);
+}, qt = (e, t, a, r) => e.id === "noValue" ? t.get(He)?.count ?? (r ? 0 : void 0) : e.id === "hasValue" ? r ? a : void 0 : t.get(e.id)?.count ?? (e.name ? t.get(e.name)?.count : void 0) ?? (r ? 0 : void 0), Ke = (e, t, a, r) => t ? e.map((d) => {
+  const l = qt(d, t, a, r);
   return {
     ...d,
-    badge: r != null ? String(r) : d.badge,
-    subRows: d.subRows?.length ? Ie(d.subRows, n, i, l) : d.subRows
+    badge: l != null ? String(l) : d.badge,
+    subRows: d.subRows?.length ? Ke(d.subRows, t, a, r) : d.subRows
   };
-}) : a, pt = (a) => ({
+}) : e, Qt = (e) => ({
   id: "noValue",
   name: "noValue",
-  label: `No ${a}`,
+  label: `No ${e}`,
   icon: "unpublished",
   subRows: [],
   data: {
     id: "noValue"
   }
-}), ft = (a) => ({
+}), Yt = (e) => ({
   id: "hasValue",
   name: "hasValue",
-  label: `Some ${a}`,
+  label: `Some ${e}`,
   icon: "check",
   subRows: [],
   data: {
     id: "hasValue"
   }
-}), fe = [
+}), Ae = [
   {
     label: "Hierarchy",
     value: "hierarchy",
@@ -227,17 +460,17 @@ const st = ({ projectName: a, useExtraSlices: n }) => {
   {
     label: "Task Type",
     value: "taskType",
-    icon: z("task")
+    icon: ge("task")
   },
   {
     label: "Folder Type",
     value: "folderType",
-    icon: z("folder")
+    icon: ge("folder")
   },
   {
     label: "Product Type",
     value: "productType",
-    icon: z("product")
+    icon: ge("product")
   },
   {
     label: "Author",
@@ -249,366 +482,387 @@ const st = ({ projectName: a, useExtraSlices: n }) => {
     value: "entityList",
     icon: "list_alt"
   }
-], mt = ({
-  sliceFields: a,
-  entityTypes: n = [],
-  counts: i,
-  filled: l = 0,
-  countsComplete: d = !1
+], Jt = ({
+  sliceFields: e,
+  usedSliceTypes: t = [],
+  entityTypes: a = [],
+  counts: r,
+  filled: d = 0,
+  countsComplete: l = !1,
+  sliceType: f,
+  onSliceTypeChange: S
 }) => {
-  const { sliceType: r, onSliceTypeChange: u, useExtraSlices: y, isLoadingExtraSlices: v } = se(), { projectName: b } = H(), { formatAttribute: S } = y(), w = a.filter((T) => fe.some((D) => D.value === T.value)).map((T) => ({
-    ...fe.find((k) => k.value === T.value),
-    ...T
-  })), p = a.some((T) => T.value === "attributes"), I = r?.startsWith("attrib.") ? r.slice(7) : void 0, g = _(
-    () => I ? [I] : [],
-    [I]
-  ), { attributes: h, isLoading: s } = rt({
-    entityTypes: n,
-    request: g
+  const {
+    sliceType: m,
+    onSliceTypeChange: p,
+    useExtraSlices: g,
+    isLoadingExtraSlices: L
+  } = Ie(), u = f ?? m, b = S ?? p, { projectName: h } = ue(), { formatAttribute: i } = g(), c = e.filter((C) => Ae.some((D) => D.value === C.value)).map((C) => ({
+    ...Ae.find((_) => _.value === C.value),
+    ...C
+  })), s = e.some((C) => C.value === "attributes"), o = u?.startsWith("attrib.") ? u.slice(7) : void 0, y = O(
+    () => o ? [o] : [],
+    [o]
+  ), { attributes: n, isLoading: x } = Bt({
+    entityTypes: a,
+    request: y
   });
-  p && typeof S == "function" && h.forEach(
-    (T) => w.push({
-      label: T.data.title || T.name,
-      value: "attrib." + T.name,
-      icon: We(T.name, T.data.type, ye(T.data))
+  s && typeof i == "function" && n.forEach(
+    (C) => c.push({
+      label: C.data.title || C.name,
+      value: "attrib." + C.name,
+      icon: xt(C.name, C.data.type, Ue(C.data))
     })
   );
-  const [t, o] = j(!1), e = !!h.find((T) => T.name === I)?.enumIsLoading, {
-    project: m,
-    getStatuses: f,
-    getTypes: x,
-    getTaskTypes: C,
-    getProductTypes: N,
-    getAttribute: Y,
-    isLoading: F
-  } = it({ scopes: n, useExtraSlices: y }), {
-    data: E,
-    getData: X,
-    isFetching: q
-  } = Ae({
-    projectName: b || "",
-    folderTypes: m?.folderTypes || [],
+  const [T, v] = U(!1), H = !!n.find((C) => C.name === o)?.enumIsLoading, {
+    project: oe,
+    getStatuses: ae,
+    getTypes: q,
+    getTaskTypes: ie,
+    getProductTypes: Z,
+    getAttribute: ee,
+    isLoading: B
+  } = Ht({ scopes: a, useExtraSlices: g }), {
+    data: te,
+    getData: Q,
+    isFetching: Y
+  } = at({
+    projectName: h || "",
+    folderTypes: oe?.folderTypes || [],
     includeColors: !0
-  }), { getData: G, isLoading: U } = st({
-    projectName: b,
-    useExtraSlices: y
+  }), { getData: I, isLoading: R } = Vt({
+    projectName: h,
+    useExtraSlices: g
   }), {
-    getData: J,
-    isLoading: A,
-    isExpandable: Z
-  } = ct(r === "entityList"), V = q || F || U || v && r !== "hierarchy" || A && r === "entityList" || s || e, L = {
+    getData: P,
+    isLoading: K,
+    isExpandable: re
+  } = Wt(u === "entityList"), F = Y || B || R || L && u !== "hierarchy" || K && u === "entityList" || x || H, N = {
     hierarchy: {
-      getData: X,
-      isLoading: q,
+      getData: Q,
+      isLoading: Y,
       isExpandable: !0
     },
     assignees: {
-      getData: G,
-      isLoading: U,
+      getData: I,
+      isLoading: R,
       isExpandable: !1,
       noValue: !0,
       hasValue: !0
     },
     author: {
-      getData: G,
-      isLoading: U,
+      getData: I,
+      isLoading: R,
       isExpandable: !1
     },
     status: {
-      getData: f,
-      isLoading: F,
+      getData: ae,
+      isLoading: B,
       isExpandable: !1
     },
     type: {
-      getData: x,
-      isLoading: F,
+      getData: q,
+      isLoading: B,
       isExpandable: !0
     },
     taskType: {
-      getData: C,
-      isLoading: F,
+      getData: ie,
+      isLoading: B,
       isExpandable: !1
     },
     productType: {
-      getData: N,
+      getData: Z,
       isLoading: !1,
       isExpandable: !1
     },
     entityList: {
-      getData: J,
-      isLoading: A,
-      isExpandable: Z
+      getData: P,
+      isLoading: K,
+      isExpandable: re
     }
   };
-  for (const T of h)
-    L["attrib." + T.name] = {
-      getData: () => Y(T),
-      isLoading: s || !!T.enumIsLoading,
+  for (const C of n)
+    N["attrib." + C.name] = {
+      getData: () => ee(C),
+      isLoading: x || !!C.enumIsLoading,
       isExpandable: !1,
       isAttribute: !0
     };
-  const O = { data: [], isExpandable: !1 }, [P, re] = j(O), $ = L[r], Te = (T, D) => {
-    const k = L[T];
-    if (!k) {
-      console.warn(`Slice type ${T} not found`);
+  const pe = { data: [], isExpandable: !1 }, [le, fe] = U(pe), $ = N[u], ne = c.find(
+    (C) => N[C.value] && !t.includes(C.value)
+  )?.value;
+  se(() => {
+    F || $ || !ne || b(ne, !1);
+  }, [F, $, ne]);
+  const z = (C, D) => {
+    const _ = N[C];
+    if (!_) {
+      console.warn(`Slice type ${C} not found`);
       return;
     }
-    (k.isAttribute && p || a.some((te) => te.value === T)) && u(T, D);
+    (_.isAttribute && s || e.some((ce) => ce.value === C)) && b(C, D);
   };
-  ae(() => {
-    if (V) return;
+  se(() => {
+    if (F) return;
     (async () => {
       try {
         if (!$) return;
-        o(!0);
+        v(!0);
         const D = await $.getData();
         if (D === void 0)
           throw window.alert(
             "Slice options failed to load. This likely means the PowerFeatures addon is out of date. Please update to the latest version."
-          ), u("hierarchy", !1), new Error("Slice data is undefined");
-        $.hasValue && D.unshift(ft(r)), $.noValue && D.unshift(pt(r)), re({
+          ), b(ne ?? "hierarchy", !1), new Error("Slice data is undefined");
+        $.hasValue && D.unshift(Yt(u)), $.noValue && D.unshift(Qt(u)), fe({
           data: D,
           isExpandable: $.isExpandable
         });
       } catch (D) {
-        console.error("Error fetching slice data:", D), re(O);
+        console.error("Error fetching slice data:", D), fe(pe);
       } finally {
-        o(!1);
+        v(!1);
       }
     })();
-  }, [r, b, V, r === "hierarchy" ? E : null]);
-  const ee = _(
-    () => Ie(P.data, i, l, d),
-    [P.data, i, l, d]
-  ), Se = _(() => {
-    const T = /* @__PURE__ */ new Map(), D = [...ee];
+  }, [u, h, F, u === "hierarchy" ? te : null]);
+  const j = O(
+    () => Ke(le.data, r, d, l),
+    [le.data, r, d, l]
+  ), Le = O(() => {
+    const C = /* @__PURE__ */ new Map(), D = [...j];
     for (; D.length > 0; ) {
-      const k = D.shift();
-      if (k && (T.set(k.id, k), k.subRows && k.subRows.length > 0))
-        for (const te of k.subRows)
-          D.push(te);
+      const _ = D.shift();
+      if (_ && (C.set(_.id, _), _.subRows && _.subRows.length > 0))
+        for (const ce of _.subRows)
+          D.push(ce);
     }
-    return T;
-  }, [ee]);
+    return C;
+  }, [j]);
   return {
-    sliceOptions: w,
-    table: { ...P, data: ee },
-    sliceMap: Se,
-    isLoading: L[r] && L[r].isLoading || t || V,
-    sliceType: r,
-    handleSliceTypeChange: Te
+    sliceOptions: c,
+    table: { ...le, data: j },
+    sliceMap: Le,
+    isLoading: N[u] && N[u].isLoading || T || F,
+    sliceType: u,
+    handleSliceTypeChange: z
   };
-}, yt = /* @__PURE__ */ new Map(), gt = (a, n) => {
-  const { sliceType: i } = se(), l = _(() => ({ id: i, desc: !1 }), [i]), d = !!n || !a, r = a?.entity === "version" ? { entity: "version", groupBy: l, args: a.args, skip: d } : {
+}, Xt = /* @__PURE__ */ new Map(), Zt = (e, t, a, r) => {
+  const d = O(() => ({ id: t, desc: !1 }), [t]), l = O(
+    () => (a ?? []).filter((h) => h !== t).map((h) => ({ id: h, desc: !1 })),
+    [a, t]
+  ), f = !!r || !e, S = e?.entity === "version" ? { entity: "version", groupBy: d, extraGroupBys: l, args: e.args, skip: f } : {
     entity: "task",
-    groupBy: l,
-    args: a?.args ?? { projectName: "" },
-    skip: d
-  }, { counts: u, total: y, complete: v } = He(r), b = u?.get(he)?.count ?? 0, S = Math.max(y - b, 0);
+    groupBy: d,
+    extraGroupBys: l,
+    args: e?.args ?? { projectName: "" },
+    skip: f
+  }, { counts: m, total: p, complete: g } = St(S), L = m?.get(He)?.count ?? 0, u = Math.max(p - L, 0);
   return {
-    counts: d ? void 0 : u ?? (v ? yt : void 0),
-    total: y,
-    filled: S,
-    complete: !d && v
+    counts: f ? void 0 : m ?? (g ? Xt : void 0),
+    total: p,
+    filled: u,
+    complete: !f && g
   };
-}, ht = K.div``, bt = K(ze)`
-  position: absolute;
-  inset: 4px;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 100;
+}, en = V.div`
+  display: flex;
+  align-items: center;
+
+  &.open {
+    flex: 1;
+    min-width: 0;
+  }
+`, tn = V(It)`
+  flex: 1;
+  min-width: 0;
   height: 28px;
   min-height: 28px;
-`, It = ({ value: a, onChange: n }) => {
-  const [i, l] = j(!1);
-  return /* @__PURE__ */ Q(ht, { children: [
-    i && /* @__PURE__ */ R(
-      bt,
+`, nn = ({ open: e, value: t, subject: a, onChange: r }) => {
+  const d = () => r(e ? void 0 : ""), l = (f) => {
+    f.key === "Escape" && r(void 0);
+  };
+  return /* @__PURE__ */ G(en, { className: W({ open: e }), children: [
+    e && /* @__PURE__ */ E(
+      tn,
       {
-        value: a,
-        onChange: (u) => n(u.target.value),
+        value: t,
+        onChange: (f) => r(f.target.value),
         placeholder: "Search",
         autoFocus: !0,
-        onKeyDown: (u) => {
-          u.key === "Escape" && (l(!1), n(""));
-        }
+        onKeyDown: l
       }
     ),
-    /* @__PURE__ */ R(
-      De,
+    /* @__PURE__ */ E(
+      he,
       {
-        icon: i ? "close" : "search",
-        onClick: () => {
-          l(!i), i && n("");
-        },
-        className: ie({ open: i }),
-        "data-tooltip": i ? "Close search" : "Search folders"
+        icon: e ? "close" : "search",
+        onClick: d,
+        className: W({ open: e }),
+        "data-tooltip": e ? "Close search" : `Search ${a}`
       }
     )
   ] });
-}, oe = (a, n) => {
-  a.toggleExpanded(n), a.subRows?.forEach((i) => oe(i, n));
-}, me = (a) => a.map((n) => n.id).filter(Boolean), Tt = (a, n, i, l) => {
-  const { onOpenNew: d } = Ye(), { projectName: r } = H(), { setEntities: u } = Ze(), y = nt(), [v] = ge(), { deleteEntities: b } = tt(), [S, w] = j(null), p = M(
-    (s, t) => t.map((o) => n?.get(o) || (o === s.id ? s : void 0)).filter((o) => !!o),
-    [n]
-  ), I = _(
+}, xe = (e, t) => {
+  e.toggleExpanded(t), e.subRows?.forEach((a) => xe(a, t));
+}, Oe = (e) => e.map((t) => t.id).filter(Boolean), sn = (e, t, a, r) => {
+  const { onOpenNew: d } = Lt(), { projectName: l } = ue(), { setEntities: f } = nt(), S = Dt(), [m] = Ve(), { deleteEntities: p } = Rt(), [g, L] = U(null), u = A(
+    (c, s) => s.map((o) => t?.get(o) || (o === c.id ? c : void 0)).filter((o) => !!o),
+    [t]
+  ), b = O(
     () => ({
-      onShowDetails: (s, t = [s.id]) => {
-        u({
+      onShowDetails: (c, s = [c.id]) => {
+        f({
           entityType: "folder",
-          entities: t.map((o) => ({ id: o, projectName: r }))
+          entities: s.map((o) => ({ id: o, projectName: l }))
         });
       },
-      onAddToList: a,
-      onMove: (s) => {
-        l?.({
-          entities: s.map((t) => ({
-            entityId: t.id,
-            entityType: t.data?.entityType === "task" ? "task" : "folder",
-            currentParentId: t.parentId || t.data?.parentId
+      onAddToList: e,
+      onMove: (c) => {
+        r?.({
+          entities: c.map((s) => ({
+            entityId: s.id,
+            entityType: s.data?.entityType === "task" ? "task" : "folder",
+            currentParentId: s.parentId || s.data?.parentId
           }))
         });
       },
-      onRename: (s) => w(s),
-      onOpenViewer: (s) => i?.(s, r),
-      onUploadVersion: (s) => {
-        const t = s.data?.entityType === "task", o = t ? s.parentId || s.data?.parentId : s.id;
-        o && y?.onOpenVersionUpload({
+      onRename: (c) => L(c),
+      onOpenViewer: (c) => a?.(c, l),
+      onUploadVersion: (c) => {
+        const s = c.data?.entityType === "task", o = s ? c.parentId || c.data?.parentId : c.id;
+        o && S?.onOpenVersionUpload({
           folderId: o,
-          taskId: t ? s.id : void 0
+          taskId: s ? c.id : void 0
         });
       },
-      onDelete: (s) => {
-        const t = s.map((o) => {
-          const c = o.data?.entityType === "task" ? "task" : "folder", e = o.parentId || o.data?.parentId;
+      onDelete: (c) => {
+        const s = c.map((o) => {
+          const y = o.data?.entityType === "task" ? "task" : "folder", n = o.parentId || o.data?.parentId;
           return {
             id: o.id,
-            entityType: c,
+            entityType: y,
             name: o.name,
             label: o.label,
-            projectName: r,
-            folderId: c === "task" ? e : void 0,
-            parentId: c === "folder" ? e : void 0
+            projectName: l,
+            folderId: y === "task" ? n : void 0,
+            parentId: y === "folder" ? n : void 0
           };
         });
-        b(t);
+        p(s);
       }
     }),
     [
+      e,
       a,
-      i,
-      l,
       r,
-      u,
-      b,
-      y
+      l,
+      f,
+      p,
+      S
     ]
-  ), g = M(
-    (s) => {
-      S && (v({
-        projectName: r,
+  ), h = A(
+    (c) => {
+      g && (m({
+        projectName: l,
         operationsRequestModel: {
           operations: [
             {
               type: "update",
-              entityType: S.data?.entityType === "task" ? "task" : "folder",
-              entityId: S.id,
-              data: { label: s }
+              entityType: g.data?.entityType === "task" ? "task" : "folder",
+              entityId: g.id,
+              data: { label: c }
             }
           ]
         }
-      }), w(null));
+      }), L(null));
     },
-    [r, S, v]
+    [l, g, m]
   );
   return {
-    rowContextMenuBuilders: _(
+    rowContextMenuBuilders: O(
       () => [
-        (s, { row: t, selectedRows: o }) => ({
+        (c, { row: s, selectedRows: o }) => ({
           label: "Show details",
           icon: "dock_to_left",
-          shortcut: Xe("click", [Je.Alt]),
-          command: () => I.onShowDetails(t.original, o)
+          shortcut: Et("click", [kt.Alt]),
+          command: () => b.onShowDetails(s.original, o)
         }),
-        (s, { row: t }) => ({
+        (c, { row: s }) => ({
           label: "Rename label",
           icon: "titlecase",
           shortcut: "R",
-          command: () => I.onRename(t.original)
+          command: () => b.onRename(s.original)
         }),
-        (s, { row: t }) => ({
+        (c, { row: s }) => ({
           label: "Open in viewer",
           icon: "play_circle",
-          command: () => I.onOpenViewer(t.original),
-          hidden: !i
+          command: () => b.onOpenViewer(s.original),
+          hidden: !a
         }),
-        (s, { selectedTableRows: t }) => ({
+        (c, { selectedTableRows: s }) => ({
           label: "Expand all children",
           icon: "expand_all",
-          command: () => t.filter((o) => o.getCanExpand() && !o.getIsExpanded()).forEach((o) => oe(o, !0)),
-          hidden: !t.some(
+          command: () => s.filter((o) => o.getCanExpand() && !o.getIsExpanded()).forEach((o) => xe(o, !0)),
+          hidden: !s.some(
             (o) => o.getCanExpand() && !o.getIsExpanded()
           )
         }),
-        (s, { selectedTableRows: t }) => ({
+        (c, { selectedTableRows: s }) => ({
           label: "Collapse all children",
           icon: "collapse_all",
-          command: () => t.filter((o) => o.getCanExpand() && o.getIsExpanded()).forEach((o) => oe(o, !1)),
-          hidden: !t.some(
+          command: () => s.filter((o) => o.getCanExpand() && o.getIsExpanded()).forEach((o) => xe(o, !1)),
+          hidden: !s.some(
             (o) => o.getCanExpand() && o.getIsExpanded()
           )
         }),
-        (s, { row: t, selectedRows: o }) => {
-          const c = I.onAddToList?.(t.original, o);
-          return c ? Array.isArray(c) ? c : [c] : void 0;
+        (c, { row: s, selectedRows: o }) => {
+          const y = b.onAddToList?.(s.original, o);
+          return y ? Array.isArray(y) ? y : [y] : void 0;
         },
-        (s, { row: t }) => ({
+        (c, { row: s }) => ({
           label: "Upload version",
           icon: "upload",
-          command: () => I.onUploadVersion(t.original)
+          command: () => b.onUploadVersion(s.original)
         }),
-        (s, { row: t, selectedRows: o }) => ({
+        (c, { row: s, selectedRows: o }) => ({
           label: "Move",
           icon: "drive_file_move",
-          command: () => I.onMove(p(t.original, o)),
-          hidden: !l
+          command: () => b.onMove(u(s.original, o)),
+          hidden: !r
         }),
-        (s, { row: t, selectedRows: o }) => ({
-          label: W.folder.createLabel,
-          icon: W.folder.icon,
+        (c, { row: s, selectedRows: o }) => ({
+          label: me.folder.createLabel,
+          icon: me.folder.icon,
           command: () => d?.("folder", {
-            parentFolderIds: me(
-              p(t.original, o)
+            parentFolderIds: Oe(
+              u(s.original, o)
             )
           })
         }),
-        (s, { row: t, selectedRows: o }) => ({
-          label: W.task.createLabel,
-          icon: W.task.icon,
+        (c, { row: s, selectedRows: o }) => ({
+          label: me.task.createLabel,
+          icon: me.task.icon,
           command: () => d?.("task", {
-            parentFolderIds: me(
-              p(t.original, o)
+            parentFolderIds: Oe(
+              u(s.original, o)
             )
           })
         }),
-        (s, { row: t, selectedRows: o }) => ({
+        (c, { row: s, selectedRows: o }) => ({
           label: "Delete",
           icon: "delete",
           danger: !0,
-          command: () => I.onDelete(p(t.original, o))
+          command: () => b.onDelete(u(s.original, o))
         })
       ],
-      [I, p, d]
+      [b, u, d]
     ),
-    onOptionClick: I.onShowDetails,
-    onRename: I.onRename,
-    renamingRow: S,
-    renameInitialValue: S?.label || S?.name || "",
-    onSubmitRename: g,
-    onCancelRename: () => w(null)
+    onOptionClick: b.onShowDetails,
+    onRename: b.onRename,
+    renamingRow: g,
+    renameInitialValue: g?.label || g?.name || "",
+    onSubmitRename: h,
+    onCancelRename: () => L(null)
   };
-}, St = K(Qe)`
+}, on = V(Ct)`
   /* put above the menu so it's still clickable */
   /* NOTE: this will need fixing as this also puts it above dialogs */
   /* z-index: 1001;  */
@@ -639,7 +893,7 @@ const st = ({ projectName: a, useExtraSlices: n }) => {
     }
   }
 `;
-K.div`
+V.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -661,361 +915,545 @@ K.div`
     font-weight: 600;
   }
 `;
-const vt = (a, n, i) => {
-  const l = `${n}${i === 1 ? "" : "s"}`;
-  return a === "created" ? `new ${l}` : a === "deleted" ? `${l} deleted` : `${i} ${l} ${a.replaceAll("_", " ")}`;
-}, xt = (a) => {
-  const n = /* @__PURE__ */ new Map();
-  return a.forEach((l) => {
-    const [, d, r] = l.topic.split(".");
-    if (!d || !r) return;
-    const u = `${d}.${r}`, y = n.get(u) || {
+const an = (e, t, a) => {
+  const r = `${t}${a === 1 ? "" : "s"}`;
+  return e === "created" ? `new ${r}` : e === "deleted" ? `${r} deleted` : `${a} ${r} ${e.replaceAll("_", " ")}`;
+}, rn = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.forEach((r) => {
+    const [, d, l] = r.topic.split(".");
+    if (!d || !l) return;
+    const f = `${d}.${l}`, S = t.get(f) || {
       entityType: d,
-      updateType: r,
+      updateType: l,
       ids: /* @__PURE__ */ new Set()
     };
-    y.ids.add(l.entityId || String(l.id)), n.set(u, y);
-  }), `${Array.from(n.values()).map(
-    ({ entityType: l, updateType: d, ids: r }) => vt(d, l, r.size)
+    S.ids.add(r.entityId || String(r.id)), t.set(f, S);
+  }), `${Array.from(t.values()).map(
+    ({ entityType: r, updateType: d, ids: l }) => an(d, r, l.size)
   ).join(", ")} since last sync`;
-}, wt = we(
-  ({ projectNames: a, topics: n, onSync: i, shouldSyncOnUpdate: l, hideWhenNoUpdates: d = !1, ...r }, u) => {
-    const [y, v] = j(!1), [b, S] = at(), { setMenuOpen: w } = et(), p = le(null), I = le(), g = Le();
-    ae(() => () => {
-      const x = I.current;
-      I.current = void 0, x !== void 0 && clearTimeout(x);
-    }, []), Ce(u, () => p.current, []);
-    const h = async () => {
-      v(!0);
+}, ln = Je(
+  ({ projectNames: e, topics: t, onSync: a, shouldSyncOnUpdate: r, hideWhenNoUpdates: d = !1, ...l }, f) => {
+    const [S, m] = U(!1), [p, g] = Pt(), { setMenuOpen: L } = st(), u = ye(null), b = ye(), h = Xe();
+    se(() => () => {
+      const v = b.current;
+      b.current = void 0, v !== void 0 && clearTimeout(v);
+    }, []), Ze(f, () => u.current, []);
+    const i = async () => {
+      m(!0);
       try {
-        await i?.(s);
+        await a?.(c);
       } finally {
-        v(!1);
+        m(!1);
       }
-    }, { updates: s, hasUpdates: t } = ot({
-      projectNames: a,
-      topics: n,
-      isSyncing: y,
-      shouldSyncOnUpdate: l
+    }, { updates: c, hasUpdates: s } = Mt({
+      projectNames: e,
+      topics: t,
+      isSyncing: S,
+      shouldSyncOnUpdate: r
     });
-    if (ae(() => {
-      const x = (C) => {
-        C.repeat || !C.shiftKey || C.ctrlKey || C.metaKey || C.key.toLowerCase() !== "r" || Ge(C) || (C.preventDefault(), C.stopPropagation(), h());
+    if (se(() => {
+      const v = (k) => {
+        k.repeat || !k.shiftKey || k.ctrlKey || k.metaKey || k.key.toLowerCase() !== "r" || vt(k) || (k.preventDefault(), k.stopPropagation(), i());
       };
-      return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
-    }, [h]), d && !t) return null;
-    const o = xt(s), c = Object.values(b).some(Boolean);
-    Object.values(b).every(Boolean);
-    const e = () => {
-      I.current && clearTimeout(I.current);
+      return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+    }, [i]), d && !s) return null;
+    const o = rn(c), y = Object.values(p).some(Boolean);
+    Object.values(p).every(Boolean);
+    const n = () => {
+      b.current && clearTimeout(b.current);
     };
-    return /* @__PURE__ */ Q(ve, { children: [
-      /* @__PURE__ */ R(
-        St,
+    return /* @__PURE__ */ G($e, { children: [
+      /* @__PURE__ */ E(
+        on,
         {
-          ...r,
+          ...l,
           icon: "sync",
-          ref: p,
-          onClick: h,
+          ref: u,
+          onClick: i,
           onMouseEnter: () => {
-            e(), w(g);
+            n(), L(h);
           },
           onMouseLeave: () => {
-            e(), I.current = setTimeout(() => w(!1), 100);
+            n(), b.current = setTimeout(() => L(!1), 100);
           },
-          className: ie(r.className, {
-            syncing: y,
-            "has-updates": t,
-            "auto-sync": c && !ue
+          className: W(l.className, {
+            syncing: S,
+            "has-updates": s,
+            "auto-sync": y && !Pe
           }),
           "data-shortcut": "Shift+R",
-          "data-tooltip": t ? o : "Refresh data",
-          variant: t ? "filled" : "surface"
+          "data-tooltip": s ? o : "Refresh data",
+          variant: s ? "filled" : "surface"
         }
       ),
-      !ue
+      !Pe
     ] });
   }
-), Lt = ({
-  projectName: a,
-  movingEntities: n,
-  onClose: i,
-  onMoveComplete: l
-}) => {
-  const [d] = ge(), r = $e(), { folders: u } = be(), y = r?.tableData || [], v = M(
-    (g) => r?.getEntityById(g) || u.find((h) => h.id === g),
-    [u, r]
-  ), b = M(
-    async (g) => {
-      if (!n || g.length === 0) return;
-      const h = g[0];
-      try {
-        const s = n.entities.map(
-          (c, e) => ({
-            id: `move-${c.entityId}-${Date.now()}-${e}`,
-            type: "update",
-            entityType: c.entityType,
-            entityId: c.entityId,
-            data: c.entityType === "folder" ? { parentId: h } : { folderId: h }
-          })
-        ), o = (await d({
-          projectName: a,
-          operationsRequestModel: {
-            operations: s
-          }
-        }).unwrap())?.operations?.filter((c) => c.success === !1) || [];
-        if (o.length > 0) {
-          const c = o.map((e) => e.detail).join(", ");
-          throw new Error(c || "Some move operations failed");
-        }
-        l?.(h);
-      } catch (s) {
-        let t = de(s) || "Failed to move entities";
-        if (t.includes("already exists"))
-          if (n.entities.length > 1)
-            t = "Cannot move some entities - one or more entities with the same name already exist in the target location";
-          else if (n.entities[0].entityType === "task") {
-            const c = t.match(/name '.*?, (.+?)' already exists/);
-            t = `Cannot move "${c ? c[1] : "this task"}" - a task with this name already exists in the target folder`;
-          } else {
-            const c = t.match(/name '.*?, (.+?)' already exists/);
-            t = `Cannot move "${c ? c[1] : "this folder"}" - a folder with this name already exists in the target location`;
-          }
-        ce.error(t);
-      } finally {
-        i();
-      }
-    },
-    [n, a, d, i, l]
-  ), S = M(async () => {
-    if (n)
-      try {
-        const g = n.entities.map(
-          (t, o) => ({
-            id: `move-to-root-${t.entityId}-${Date.now()}-${o}`,
-            type: "update",
-            entityType: t.entityType,
-            entityId: t.entityId,
-            data: t.entityType === "folder" ? { parentId: null } : { folderId: null }
-          })
-        ), s = (await d({
-          projectName: a,
-          operationsRequestModel: {
-            operations: g
-          }
-        }).unwrap())?.operations?.filter((t) => t.success === !1) || [];
-        if (s.length > 0) {
-          const t = s.map((o) => o.detail).join(", ");
-          throw new Error(t || "Some move operations failed");
-        }
-      } catch (g) {
-        let h = de(g) || "Failed to move entities to root";
-        ce.error(h);
-      } finally {
-        i();
-      }
-  }, [n, a, d, i]), w = M(() => {
-    if (!n) return [];
-    const g = [];
-    return n.entities.forEach((h) => {
-      g.push(h.entityId);
-    }), u.forEach((h) => {
-      n.entities.some((t) => {
-        const o = v(t.entityId);
-        return o?.name ? y.filter((e) => t.entityType === "folder" ? e.entityType === "folder" && e.parentId === h.id : t.entityType === "task" ? e.entityType === "task" && e.folderId === h.id : !1).some(
-          (e) => e.name === o.name && e.entityId !== t.entityId
-        ) : !1;
-      }) && g.push(h.id);
-    }), [...new Set(g)];
-  }, [n, u, y, v]), p = M(
-    (g) => {
-      if (!n) return;
-      if (n.entities.some(
-        (c) => c.entityType === "folder" && c.entityId === g
-      ))
-        return "Cannot move folder to itself";
-      if (n.entities.some(
-        (c) => c.currentParentId === g
-      ))
-        return "Cannot move to the same location";
-      const t = u.find((c) => c.id === g);
-      if (t) {
-        const c = n.entities.find((e) => {
-          const m = v(e.entityId);
-          return m?.name ? y.filter((x) => e.entityType === "folder" ? x.entityType === "folder" && x.parentId === t.id : e.entityType === "task" ? x.entityType === "task" && x.folderId === t.id : !1).some(
-            (x) => x.name === m.name && x.entityId !== e.entityId
-          ) : !1;
-        });
-        if (c)
-          return `Cannot move "${v(c.entityId)?.name || "Entity"}" - an entity with the same name already exists in this folder`;
-      }
-      return n.entities.some(
-        (c) => c.entityType === "folder"
-      ) ? "Cannot move folder to its child" : "Cannot move to this location";
-    },
-    [n, u, y, v]
-  ), I = _(() => n?.entities.every((g) => g.entityType === "folder") || !1, [n]);
-  return {
-    handleMoveSubmit: b,
-    handleMoveToRoot: S,
-    getDisabledFolderIds: w,
-    getDisabledMessage: p,
-    canMoveToRoot: I
-  };
-}, Ct = ({
-  projectName: a,
-  movingEntities: n,
-  onClose: i,
-  onMoveComplete: l
-}) => {
-  const { handleMoveSubmit: d, handleMoveToRoot: r, getDisabledFolderIds: u, getDisabledMessage: y } = Lt({
-    projectName: a,
-    movingEntities: n ?? null,
-    onClose: i,
-    onMoveComplete: l
-  });
-  return n?.entities.length ? /* @__PURE__ */ R(
-    Oe,
-    {
-      projectName: a,
-      entityType: "folder",
-      onSubmit: d,
-      onClose: i,
-      showMoveToRoot: n.entities.every(
-        (v) => v.entityType === "folder"
-      ),
-      onMoveToRoot: r,
-      disabledIds: u(),
-      getDisabledMessage: y
+), Ne = V.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  overflow: hidden;
+  flex: 1;
+  min-width: 0;
+  color: var(--md-sys-color-outline);
+`, cn = V.span`
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  white-space: nowrap;
+  flex-shrink: 0;
+
+  img {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+`, dn = ({ rowSelection: e, sliceMap: t }) => {
+  const a = ye(null), [r, d] = U(0);
+  Te(() => {
+    const i = a.current;
+    if (!i) return;
+    const c = new ResizeObserver(([s]) => d(s.contentRect.width));
+    return c.observe(i), () => c.disconnect();
+  }, []);
+  const l = Object.keys(e).filter((i) => e[i]).map((i) => t.get(i)).filter((i) => !!i), f = (i) => !!i.icon || !!i.img || !!i.startContent, [S, m] = U(!0), p = l.length > 1 || !S, [g, L] = U(l.length), u = l.map((i) => i.id).join("|");
+  if (Te(() => {
+    m(!0), L(l.length);
+  }, [r, u]), Te(() => {
+    const i = a.current;
+    if (!i || !l.length) return;
+    const c = Array.from(i.querySelectorAll("[data-chip]")), s = i.querySelector("[data-overflow]")?.offsetWidth ?? 22, o = (v, k) => v.offsetLeft - i.offsetLeft + v.offsetWidth <= k;
+    if (l.length === 1) {
+      S && c[0] && !o(c[0], i.clientWidth) && f(l[0]) && m(!1);
+      return;
     }
-  ) : null;
-}, Dt = K.div`
+    const y = c[c.length - 1];
+    if (y && o(y, i.clientWidth)) return;
+    const n = i.clientWidth - s, x = c.filter((v) => o(v, n)).length, T = Math.max(1, x);
+    T !== g && L(T);
+  }), !l.length) return /* @__PURE__ */ E(Ne, { ref: a });
+  const b = l.slice(0, g), h = l.length - b.length;
+  return /* @__PURE__ */ G(Ne, { ref: a, children: [
+    b.map((i) => /* @__PURE__ */ G(
+      cn,
+      {
+        "data-chip": !0,
+        title: i.label || i.name,
+        "aria-label": i.label || i.name,
+        children: [
+          i.startContent ?? (i.img ? /* @__PURE__ */ E("img", { src: i.img, alt: "" }) : i.icon && /* @__PURE__ */ E(wt, { icon: i.icon, style: { color: i.iconColor } })),
+          !(p && f(i)) && /* @__PURE__ */ E("span", { children: i.label || i.name })
+        ]
+      },
+      i.id
+    )),
+    h > 0 && /* @__PURE__ */ G("span", { "data-overflow": !0, children: [
+      "+",
+      h
+    ] })
+  ] });
+}, un = V.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`, ln = ({
-  sliceFields: a = [],
-  entityTypes: n = ["task"],
-  pinnedSliceType: i,
+`, pn = V.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  margin-left: auto;
+  flex-shrink: 0;
+
+  // the open search box takes the whole header rather than sitting on top of the buttons
+  &.searching {
+    flex: 1;
+    min-width: 0;
+  }
+`, fn = V(ft)`
+  .slicer-dropdown {
+    flex: 0 1 auto;
+    min-width: 48px;
+  }
+
+  &.collapsed {
+    cursor: pointer;
+  }
+
+  .collapse-toggle .icon {
+    transition: transform 0.15s;
+  }
+
+  .collapse-toggle.collapsed .icon {
+    transform: rotate(-90deg);
+  }
+
+  .power-feature .icon {
+    color: var(--md-sys-color-tertiary);
+  }
+`, mn = V.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  min-width: 0;
+  flex: 0 1 auto;
+  padding: 0 4px;
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`, je = "__splitSlicer__", Fe = ({
+  panel: e,
+  visibleSlices: t,
+  sliceFields: a,
+  entityTypes: r = ["task"],
+  pinnedSliceType: d,
   countsSource: l,
-  onAddToList: d
+  onAddToList: f,
+  openMoveDialog: S,
+  splitEnabled: m,
+  canCollapse: p,
+  isPrimary: g,
+  search: L,
+  onSearchChange: u
 }) => {
-  const [r, u] = j(""), {
-    SlicerDropdown: y,
-    rowSelection: v,
-    onRowSelectionChange: b,
-    expanded: S,
-    onExpandedChange: w,
-    isViewSyncPending: p,
-    onOpenViewer: I,
-    onAddToList: g,
-    projectName: h
-  } = se(), [s, t] = j(null), o = M((L) => {
-    t("entities" in L ? L : { entities: [L] });
-  }, []), c = M(() => {
-    t(null);
-  }, []), { refetch: e, getParentFolderIds: m } = be(), f = M(
-    (L) => {
-      const O = [L, ...m(L)];
-      w(
-        typeof S == "boolean" ? S || Object.fromEntries(O.map((P) => [P, !0])) : {
-          ...S,
-          ...Object.fromEntries(O.map((P) => [P, !0]))
-        }
-      );
+  const {
+    SlicerDropdown: b,
+    addSlicePanel: h,
+    removeSlicePanel: i,
+    collapsedPanels: c,
+    togglePanelCollapsed: s,
+    setPanelSliceType: o,
+    getPanelSelection: y,
+    setPanelSelection: n,
+    getPanelExpanded: x,
+    setPanelExpanded: T,
+    onSliceTypeChange: v,
+    isViewSyncPending: k,
+    onOpenViewer: H,
+    onAddToList: oe
+  } = Ie(), { refetch: ae } = we(), { powerLicense: q, setPowerpackDialog: ie } = Ce(), Z = y(e.id), ee = x(e.id), B = (w) => {
+    n(e.id, w);
+  }, te = A(
+    (w) => T(e.id, w),
+    [T, e.id]
+  ), Q = O(
+    () => typeof l == "function" ? l(e.sliceType) : l,
+    [l, e.sliceType]
+  ), Y = O(() => {
+    const w = t.map((X) => X.sliceType);
+    if (typeof l != "function") return w;
+    const M = (X) => JSON.stringify([X?.entity, X?.args]), Qe = M(Q);
+    return w.filter((X) => X === e.sliceType || M(l(X)) === Qe);
+  }, [l, Q, t, e.sliceType]), { counts: I, filled: R, complete: P } = Zt(
+    Q,
+    e.sliceType,
+    Y
+  ), K = A(
+    (w, M) => {
+      g ? v(w, M) : o(e.id, w);
     },
-    [S, m, w]
-  ), x = async () => e(), { counts: C, filled: N, complete: Y } = gt(l), {
+    [g, v, o, e.id]
+  ), re = O(
+    () => t.filter((w) => w.id !== e.id).map((w) => w.sliceType),
+    [t, e.id]
+  ), {
     sliceOptions: F,
-    sliceType: E,
-    handleSliceTypeChange: X,
-    table: { data: q, isExpandable: G },
-    sliceMap: U,
-    isLoading: J
-  } = mt({
+    sliceType: N,
+    handleSliceTypeChange: pe,
+    table: { data: le, isExpandable: fe },
+    sliceMap: $,
+    isLoading: ne
+  } = Jt({
     sliceFields: a,
-    entityTypes: n,
-    counts: C,
-    filled: N,
-    countsComplete: Y
-  }), A = Tt(
-    d || g,
-    U,
-    I,
-    o
-  ), Z = E === "hierarchy" ? A.rowContextMenuBuilders : [], V = (L) => {
-    b?.(L);
+    usedSliceTypes: re,
+    entityTypes: r,
+    counts: I,
+    filled: R,
+    countsComplete: P,
+    sliceType: e.sliceType,
+    onSliceTypeChange: K
+  }), z = N === "hierarchy", j = !!p && c.includes(e.id), C = F.find((w) => w.value === N)?.label || N, D = L !== void 0, _ = L ?? "", ce = z ? "Folders" : C, J = sn(
+    f || oe,
+    $,
+    H,
+    S
+  ), We = z ? J.rowContextMenuBuilders : [], Ee = O(
+    () => F.map((w) => w.value).filter((w) => !t.some((M) => M.sliceType === w)),
+    [F, t]
+  ), be = !!m && Ee.length > 0, Se = O(() => {
+    const w = F.map(
+      (M) => re.includes(M.value) ? { ...M, disabled: !0, disabledMessage: "Already used by another panel" } : M
+    );
+    return be && w.push({ label: "Split slicer", value: je, icon: "splitscreen_add" }), w;
+  }, [F, re, be]), ke = () => {
+    if (!q) return ie("slicer");
+    h(Ee[0]);
+  }, qe = (w) => {
+    const M = String(w[0]);
+    if (M === je) {
+      ke();
+      return;
+    }
+    pe(M, !!g && d === N);
   };
-  return /* @__PURE__ */ Q(Ee, { children: [
-    /* @__PURE__ */ Q(ke, { children: [
-      p ? /* @__PURE__ */ R(Dt, {}) : /* @__PURE__ */ R(
-        y,
-        {
-          options: F || [],
-          value: [E],
-          sliceTypes: a.map((L) => L.value),
-          onChange: (L) => X(L[0], i === E),
-          className: ie("slicer-dropdown", { "single-option": F.length === 1 }),
-          disableOpen: F.length === 1
-        }
-      ),
-      /* @__PURE__ */ R(It, { value: r, onChange: u }),
-      /* @__PURE__ */ R(
-        wt,
-        {
-          topics: ["entity.folder.created"],
-          onSync: async () => {
-            await x();
-          },
-          hideWhenNoUpdates: !0
-        }
-      )
-    ] }),
-    /* @__PURE__ */ R(
-      Re,
+  return /* @__PURE__ */ G(mt, { children: [
+    /* @__PURE__ */ G(
+      fn,
+      {
+        className: W({ collapsed: j }),
+        onClick: j ? () => s(e.id) : void 0,
+        children: [
+          p && /* @__PURE__ */ E(
+            he,
+            {
+              icon: "expand_more",
+              className: W("collapse-toggle", { collapsed: j }),
+              "data-tooltip": j ? "Expand panel" : "Collapse panel",
+              "data-tooltip-delay": 0,
+              onClick: () => s(e.id)
+            }
+          ),
+          j ? (
+            // the dropdown cannot be used from a collapsed panel, but the dimension it
+            // shows has to read the same as the dropdown does when open
+            /* @__PURE__ */ E(mn, { children: /* @__PURE__ */ E("span", { children: C }) })
+          ) : k ? /* @__PURE__ */ E(un, {}) : !D && /* @__PURE__ */ E(
+            b,
+            {
+              options: Se,
+              value: [N],
+              sliceTypes: a.map((w) => w.value),
+              onChange: (w) => qe(w),
+              className: W("slicer-dropdown", { "single-option": Se.length === 1 }),
+              disableOpen: Se.length === 1
+            }
+          ),
+          j && /* @__PURE__ */ E(dn, { rowSelection: Z, sliceMap: $ }),
+          /* @__PURE__ */ G(
+            pn,
+            {
+              className: W({ searching: D }),
+              onClick: (w) => w.stopPropagation(),
+              children: [
+                !j && /* @__PURE__ */ E(
+                  nn,
+                  {
+                    open: D,
+                    value: _,
+                    subject: ce,
+                    onChange: u
+                  }
+                ),
+                z && /* @__PURE__ */ E(
+                  ln,
+                  {
+                    topics: ["entity.folder.created"],
+                    onSync: async () => {
+                      await ae();
+                    },
+                    hideWhenNoUpdates: !0
+                  }
+                ),
+                be && g && !D && /* @__PURE__ */ E(
+                  he,
+                  {
+                    icon: "splitscreen_add",
+                    className: W({ "power-feature": !q }),
+                    "data-tooltip": q ? "Split slicer" : "Power feature - Slicer",
+                    "data-tooltip-delay": 0,
+                    onClick: ke
+                  }
+                ),
+                !g && !D && /* @__PURE__ */ E(
+                  he,
+                  {
+                    icon: "close",
+                    "data-tooltip": "Remove panel",
+                    "data-tooltip-delay": 0,
+                    onClick: () => i(e.id)
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    !j && /* @__PURE__ */ E(
+      ht,
       {
-        rowSelection: v,
-        onRowSelectionChange: V,
-        expanded: S,
-        setExpanded: w,
-        data: U,
-        children: /* @__PURE__ */ R(
-          Me,
+        rowSelection: Z,
+        onRowSelectionChange: B,
+        expanded: ee,
+        setExpanded: te,
+        data: $,
+        children: /* @__PURE__ */ E(
+          gt,
           {
-            data: q,
-            isExpandable: G,
-            isLoading: J || p,
-            forceUpdateTable: E,
-            globalFilter: r,
-            onRename: E === "hierarchy" ? (L, O) => A.onRename(O.original) : void 0,
-            renamingId: E === "hierarchy" ? A.renamingRow?.id : null,
-            renameInitialValue: E === "hierarchy" ? A.renameInitialValue : void 0,
-            onSubmitRename: E === "hierarchy" ? (L, O) => A.onSubmitRename(O) : void 0,
-            onCancelRename: E === "hierarchy" ? A.onCancelRename : void 0,
-            onRowOptionClick: E === "hierarchy" ? A.onOptionClick : void 0,
-            rowContextMenuBuilders: Z
+            data: le,
+            isExpandable: fe,
+            isLoading: ne || k,
+            forceUpdateTable: N,
+            globalFilter: _,
+            rowIdPrefix: `slicer-${e.id}`,
+            onRename: z ? (w, M) => J.onRename(M.original) : void 0,
+            renamingId: z ? J.renamingRow?.id : null,
+            renameInitialValue: z ? J.renameInitialValue : void 0,
+            onSubmitRename: z ? (w, M) => J.onSubmitRename(M) : void 0,
+            onCancelRename: z ? J.onCancelRename : void 0,
+            onRowOptionClick: z ? J.onOptionClick : void 0,
+            rowContextMenuBuilders: We
           }
         )
       }
-    ),
-    /* @__PURE__ */ R(
-      Ct,
+    )
+  ] });
+}, hn = V.div`
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  ${({ $deadGutters: e }) => e.map(
+  (t) => `
+    & > .p-splitter > :nth-child(${t * 2 + 2}) {
+      pointer-events: none;
+      cursor: default;
+    }
+  `
+).join("")}
+`, Jn = ({
+  sliceFields: e = [],
+  entityTypes: t = ["task"],
+  pinnedSliceType: a,
+  countsSource: r,
+  onAddToList: d,
+  enableSplit: l
+}) => {
+  const { slices: f, page: S, setPanelExpanded: m, projectName: p, collapsedPanels: g } = Ie(), { powerLicense: L } = Ce(), u = !!l, b = u && L ? f : f.slice(0, 1), [h, i] = U(null), c = A((I) => {
+    i("entities" in I ? I : { entities: [I] });
+  }, []), s = A(() => {
+    i(null);
+  }, []), { getParentFolderIds: o } = we(), y = A(
+    (I) => {
+      const R = [I, ...o(I)];
+      m(
+        "hierarchy",
+        (P) => typeof P == "boolean" ? P || Object.fromEntries(R.map((K) => [K, !0])) : {
+          ...P,
+          ...Object.fromEntries(R.map((K) => [K, !0]))
+        }
+      );
+    },
+    [o, m]
+  ), n = ye(null), [x, T] = U(0);
+  se(() => {
+    const I = n.current;
+    if (!I) return;
+    const R = new ResizeObserver(([P]) => T(P.contentRect.height));
+    return R.observe(I), () => R.disconnect();
+  }, [b.length]);
+  const v = b.map((I) => I.id), k = b.length > 1, {
+    sizes: H,
+    minSize: oe,
+    height: ae,
+    layoutKey: q,
+    handleResizeEnd: ie
+  } = $t(S, v, k ? g : [], x), Z = v.slice(0, -1).map(
+    (I, R) => k && (g.includes(I) || g.includes(v[R + 1])) ? R : -1
+  ).filter((I) => I >= 0), [ee, B] = U({}), te = A(
+    (I, R) => B((P) => ({ ...P, [I]: R })),
+    []
+  ), Q = v.join("|");
+  se(() => {
+    B((I) => {
+      const R = Object.keys(I).filter((P) => v.includes(P));
+      return R.length === Object.keys(I).length ? I : Object.fromEntries(R.map((P) => [P, I[P]]));
+    });
+  }, [Q]);
+  const Y = {
+    visibleSlices: b,
+    canCollapse: k,
+    sliceFields: e,
+    entityTypes: t,
+    pinnedSliceType: a,
+    countsSource: r,
+    onAddToList: d,
+    openMoveDialog: c,
+    splitEnabled: u
+  };
+  return /* @__PURE__ */ G($e, { children: [
+    b.length === 1 ? /* @__PURE__ */ E(
+      Fe,
+      {
+        panel: b[0],
+        isPrimary: !0,
+        search: ee[b[0].id],
+        onSearchChange: (I) => te(b[0].id, I),
+        ...Y
+      }
+    ) : /* @__PURE__ */ E(hn, { ref: n, $deadGutters: Z, children: /* @__PURE__ */ E(
+      et,
+      {
+        layout: "vertical",
+        onResizeEnd: ie,
+        style: {
+          width: "100%",
+          height: ae,
+          overflow: "hidden"
+        },
+        children: b.map((I, R) => /* @__PURE__ */ E(
+          tt,
+          {
+            size: H[R],
+            minSize: oe,
+            style: { overflow: "hidden" },
+            children: /* @__PURE__ */ E(
+              Fe,
+              {
+                panel: I,
+                isPrimary: R === 0,
+                search: ee[I.id],
+                onSearchChange: (P) => te(I.id, P),
+                ...Y
+              }
+            )
+          },
+          I.id
+        ))
+      },
+      q
+    ) }),
+    /* @__PURE__ */ E(
+      Ut,
       {
-        projectName: h,
-        movingEntities: s,
-        onClose: c,
-        onMoveComplete: f
+        projectName: p,
+        movingEntities: h,
+        onClose: s,
+        onMoveComplete: y
       }
     )
   ] });
 };
 export {
-  ln as S,
-  Tt as a,
-  dt as b,
-  gt as c,
-  fe as d,
-  wt as e,
-  ct as u
+  _t as S,
+  Be as a,
+  Me as b,
+  Ft as c,
+  Jn as d,
+  Kt as e,
+  jt as f,
+  Ae as g,
+  sn as h,
+  Zt as i,
+  $t as j,
+  Yn as k,
+  ln as l,
+  Nt as r,
+  Wt as u
 };