@ynput/ayon-frontend-shared 0.6.9 → 0.7.0

package/dist/chunks/Slicer.es.js

@@ -1,15 +1,15 @@
-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 { h as nt, P as st, d as Ie, U as ze } from "./MetaWidget.es.js";
+import { jsx as E, jsxs as H, Fragment as _e } from "react/jsx-runtime";
+import { useState as z, useCallback as N, useMemo as M, useContext as pt, useEffect as se, forwardRef as ft, useRef as Ie, useId as mt, useImperativeHandle as ht, useLayoutEffect as we } from "react";
+import { Splitter as gt, SplitterPanel as yt } from "primereact/splitter";
+import U from "styled-components";
+import { h as bt, P as St, d as Me, U as Ye } from "./MetaWidget.es.js";
 import "@module-federation/enhanced/runtime";
-import { toast as ke } from "react-toastify";
-import { InputText as ot, Button as at, Icon as it } from "@ynput/ayon-react-components";
-import { bj as Re, bs as rt, bk as Ue, bq as lt, bv as ct } from "./searchTerms.es.js";
-import { dp as Ve, cI as dt, bU as ut, bz as pt } from "./getUris.es.js";
+import { toast as $e } from "react-toastify";
+import { InputText as Tt, Button as vt, Icon as It } from "@ynput/ayon-react-components";
+import { bt as ze, bD as xt, bB as Qe, bA as Ct, bG as Lt } from "./searchTerms.es.js";
+import { du as Je, cN as wt, bY as Et, bC as Dt } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { p as He, y as Ce, x as ue, d as ft, a as we, o as mt, a5 as ht, a4 as gt, u as yt, ac as bt } from "./DeleteEntitiesContextInstance.es.js";
+import { p as Xe, y as Pe, x as me, d as Rt, a as Oe, o as kt, a7 as At, a6 as _t, u as Ze, ae as Mt } from "./TableExportContextInstance.es.js";
 import "lodash";
 import "uuid";
 import "semver";
@@ -17,7 +17,8 @@ import "./ContextMenuContextInstance.es.js";
 import W from "clsx";
 import "react-dom";
 import "react-redux";
-import { E as St, u as Tt } from "./EntityPickerDialog.es.js";
+import "react-router-dom";
+import { E as Pt, u as Ot } from "./EntityPickerDialog.es.js";
 import "./PlayableIcon.es.js";
 import "date-fns";
 import "lexical";
@@ -31,409 +32,483 @@ import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@tanstack/react-table";
-import { b as he, H as vt, a as xt, e as It, S as Ct } from "./SimpleTable.es.js";
-import { g as ge } from "./getEntityTypeIcon.es.js";
-import { g as wt } from "./iconUtils.es.js";
-import { u as Lt, a as Et } from "./useAttributeEnums.es.js";
-import { b as Dt, s as kt } from "./buildHierarchicalTableRows.es.js";
-import { n as me } from "./entityDefinitions.es.js";
-import { a as Rt, K as Pt } from "./platform.es.js";
-import { u as Mt } from "./NewEntityContextInstance.es.js";
-import { u as _t } from "./VersionUploadContextInstance.es.js";
-import { F as Pe } from "./EntityUpdatesContext.es.js";
-import "./MenuItem.es.js";
-const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.includes(r) ? Ge : a), Nt = (e, t, a, r) => {
-  const u = e.reduce((p, h) => p + h, 0), l = r.filter(Boolean).length;
-  if (!l || u === a) return e;
-  if (u < a) {
-    const p = (a - u) / l;
-    return e.map((h, w) => r[w] ? h + p : h);
+import { b as pe, H as Nt, a as Ft, e as jt, S as $t } from "./SimpleTable.es.js";
+import { D as zt, L as Ut, s as Vt } from "./sortLists.es.js";
+import { a as Ue, g as Ee } from "./getEntityTypeIcon.es.js";
+import { g as Bt } from "./iconUtils.es.js";
+import { u as Ht, a as Gt } from "./useAttributeEnums.es.js";
+import { b as Wt, s as Kt } from "./buildHierarchicalTableRows.es.js";
+import { n as Te } from "./entityDefinitions.es.js";
+import { a as qt, K as Yt } from "./platform.es.js";
+import { u as Qt } from "./NewEntityContextInstance.es.js";
+import { u as Jt } from "./VersionUploadContextInstance.es.js";
+import { F as Ve } from "./EntityUpdatesContext.es.js";
+import { M as Xt, a as Zt } from "./Menu.es.js";
+const et = "default", ve = { id: "label", label: "Name", desc: !1 }, De = (e) => ({
+  id: et,
+  label: e,
+  desc: !1
+}), en = ["hierarchy", "assignees", "author"], tn = ["status", "type", "taskType", "folderType"], Ne = (e) => en.includes(e) ? [ve] : e === "entityList" ? Ut : e.startsWith("attrib.") ? [De("Attribute order"), ve] : tn.includes(e) ? [De("Anatomy order"), ve] : [De("Default order"), ve], tt = (e) => {
+  if (e === "entityList") return zt;
+  const [t] = Ne(e);
+  return { by: t.id, desc: t.desc };
+}, Ns = (e, t) => {
+  const { by: n, desc: s } = t || {};
+  return Ne(e).some((d) => d.id === n) ? { by: n, desc: !!s } : tt(e);
+}, nn = ["noValue", "hasValue"], sn = (e) => e.id.startsWith("folder-"), an = new Intl.Collator(void 0, { sensitivity: "base", numeric: !0 }), Re = (e) => e.label || e.name || "", nt = (e, t, { by: n, desc: s }) => {
+  const d = (l) => nn.includes(l.id) || t === "entityList" && sn(l), c = e.filter(d), p = e.filter((l) => !d(l));
+  let h;
+  if (t === "entityList")
+    h = Vt(
+      p.map((l) => ({
+        row: l,
+        label: Re(l),
+        active: l.data?.active ?? !0,
+        createdAt: l.data?.createdAt,
+        updatedAt: l.data?.updatedAt
+      })),
+      { by: n, desc: s }
+    ).map(({ row: l }) => l);
+  else if (n === et)
+    h = s ? [...p].reverse() : p;
+  else {
+    const l = s ? -1 : 1;
+    h = [...p].sort(
+      (f, y) => an.compare(Re(f), Re(y)) * l
+    );
+  }
+  return [...c, ...h].map(
+    (l) => l.subRows?.length ? { ...l, subRows: nt(l.subRows, t, { by: n, desc: s }) } : l
+  );
+}, on = (e, t, n) => {
+  const s = tt(t);
+  return n.by !== "label" && n.by === s.by && n.desc === s.desc ? e : nt(e, t, n);
+}, rn = ({
+  options: e,
+  sort: t,
+  onChange: n,
+  id: s = "sort",
+  label: d = "Sort",
+  icon: c = "sort"
+}) => ({
+  id: s,
+  label: d,
+  icon: c,
+  items: e.map((p) => {
+    const h = t.by === p.id;
+    return {
+      id: `${s}-${p.id}`,
+      label: p.label,
+      onClick: () => n({ by: p.id, desc: p.desc }),
+      selected: h,
+      endActions: h ? [
+        {
+          icon: t.desc ? "arrow_downward" : "arrow_upward",
+          tooltip: t.desc ? "Descending" : "Ascending",
+          onClick: () => n({ ...t, desc: !t.desc })
+        }
+      ] : void 0
+    };
+  })
+}), ln = 180, st = 100, at = 34, cn = (e, t = [], n = st) => e.map((s) => t.includes(s) ? at : n), dn = (e, t, n, s) => {
+  const d = e.reduce((f, y) => f + y, 0), c = s.filter(Boolean).length;
+  if (!c || d === n) return e;
+  if (d < n) {
+    const f = (n - d) / c;
+    return e.map((y, C) => s[C] ? y + f : y);
   }
-  const m = e.map((p, h) => r[h] ? p - t[h] : 0), b = m.reduce((p, h) => p + h, 0);
-  if (!b) return e;
-  const f = u - a;
-  return e.map((p, h) => p - f * (m[h] / b));
-}, jt = (e, t, a = [], r = 0, u = At) => {
+  const p = e.map((f, y) => s[y] ? f - t[y] : 0), h = p.reduce((f, y) => f + y, 0);
+  if (!h) return e;
+  const l = d - n;
+  return e.map((f, y) => f - l * (p[y] / h));
+}, un = (e, t, n = [], s = 0, d = ln) => {
   if (!t.length)
-    return { heights: [], mins: [], sizes: [], minSize: 2, height: r };
-  const l = t.filter((g) => !a.includes(g)).length, m = (t.length - l) * Ge, b = r && l ? Math.min(
-    u,
+    return { heights: [], mins: [], sizes: [], minSize: 2, height: s };
+  const c = t.filter((S) => !n.includes(S)).length, p = (t.length - c) * at, h = s && c ? Math.min(
+    d,
     Math.max(
-      Be,
-      Math.floor((r - m) / l)
+      st,
+      Math.floor((s - p) / c)
     )
-  ) : u, f = Ot(t, a), p = t.map(
-    (g, i) => a.includes(g) ? f[i] : Math.max(e[g] ?? b, f[i])
-  ), h = t.map((g) => !a.includes(g)), w = f.reduce((g, i) => g + i, 0), d = h.some(Boolean) ? Math.max(r, w) : w, S = Nt(p, f, d, h);
+  ) : d, l = cn(t, n), f = t.map(
+    (S, r) => n.includes(S) ? l[r] : Math.max(e[S] ?? h, l[r])
+  ), y = t.map((S) => !n.includes(S)), C = l.reduce((S, r) => S + r, 0), m = y.some(Boolean) ? Math.max(s, C) : C, g = dn(f, l, m, y);
   return {
-    heights: S,
-    mins: f,
-    sizes: S.map((g) => g / d * 100),
+    heights: g,
+    mins: l,
+    sizes: g.map((S) => S / m * 100),
     // primereact must allow the drag past the min; clampDraggedHeights puts it back
     minSize: 2,
-    height: d
+    height: m
   };
-}, Ft = (e, t, a) => {
-  const r = e.map((f, p) => Math.max(f / 100 * t, a[p])), u = Math.max(
+}, pn = (e, t, n) => {
+  const s = e.map((l, f) => Math.max(l / 100 * t, n[f])), d = Math.max(
     t,
-    a.reduce((f, p) => f + p, 0)
-  ), l = r.reduce((f, p) => f + p, 0) - u;
-  if (l <= 0) return r;
-  const m = r.map((f, p) => f - a[p]), b = m.reduce((f, p) => f + p, 0);
-  return b ? r.map((f, p) => f - l * (m[p] / b)) : r;
-}, $t = "slicer-splitter", Me = {
+    n.reduce((l, f) => l + f, 0)
+  ), c = s.reduce((l, f) => l + f, 0) - d;
+  if (c <= 0) return s;
+  const p = s.map((l, f) => l - n[f]), h = p.reduce((l, f) => l + f, 0);
+  return h ? s.map((l, f) => l - c * (p[f] / h)) : s;
+}, fn = "slicer-splitter", Be = {
   minSize: 2,
   size: 12
-}, rs = () => {
-  const [e, t] = He($t, [
-    Me.size,
-    100 - Me.size
+}, Fs = () => {
+  const [e, t] = Xe(fn, [
+    Be.size,
+    100 - Be.size
   ]);
-  return [e, (r) => {
-    t(r.sizes);
+  return [e, (s) => {
+    t(s.sizes);
   }];
-}, zt = (e, t, a = [], r = 0) => {
-  const [u, l] = He(
+}, mn = (e, t, n = [], s = 0) => {
+  const [d, c] = Xe(
     `slicer-panel-heights-${e}`,
     {}
-  ), [m, b] = U(0), f = Array.isArray(u) ? {} : u, {
-    sizes: p,
-    mins: h,
-    minSize: w,
-    height: d,
-    heights: S
-  } = jt(f, t, a, r), g = (i) => {
-    const c = Ft(i.sizes, d, h);
-    l({
-      ...f,
+  ), [p, h] = z(0), l = Array.isArray(d) ? {} : d, {
+    sizes: f,
+    mins: y,
+    minSize: C,
+    height: m,
+    heights: g
+  } = un(l, t, n, s), S = (r) => {
+    const u = pn(r.sizes, m, y);
+    c({
+      ...l,
       ...Object.fromEntries(
-        t.map((o, y) => [o, c[y]]).filter(([o]) => !a.includes(o))
+        t.map((i, b) => [i, u[b]]).filter(([i]) => !n.includes(i))
       )
-    }), c.some(
-      (o, y) => Math.abs(o - i.sizes[y] / 100 * d) > 1
-    ) && b((o) => o + 1);
+    }), u.some(
+      (i, b) => Math.abs(i - r.sizes[b] / 100 * m) > 1
+    ) && h((i) => i + 1);
   };
   return {
-    sizes: p,
-    minSize: w,
-    height: d,
-    panelHeights: S,
-    layoutKey: `${t.join("|")}#${a.join("|")}#${m}`,
-    handleResizeEnd: g
+    sizes: f,
+    minSize: C,
+    height: m,
+    panelHeights: g,
+    layoutKey: `${t.join("|")}#${n.join("|")}#${p}`,
+    handleResizeEnd: S
   };
-}, Ut = ({
+}, hn = ({
   projectName: e,
   movingEntities: t,
-  onClose: a,
-  onMoveComplete: r
+  onClose: n,
+  onMoveComplete: s
 }) => {
-  const [u] = Ve(), l = nt(), { folders: m } = Ce(), b = l?.tableData || [], f = A(
-    (g) => l?.getEntityById(g) || m.find((i) => i.id === g),
-    [m, l]
-  ), p = A(
-    async (g) => {
-      if (!t || g.length === 0) return;
-      const i = g[0];
+  const [d] = Je(), c = bt(), { folders: p } = Pe(), h = c?.tableData || [], l = N(
+    (S) => c?.getEntityById(S) || p.find((r) => r.id === S),
+    [p, c]
+  ), f = N(
+    async (S) => {
+      if (!t || S.length === 0) return;
+      const r = S[0];
       try {
-        const c = t.entities.map(
-          (y, n) => ({
-            id: `move-${y.entityId}-${Date.now()}-${n}`,
+        const u = t.entities.map(
+          (b, a) => ({
+            id: `move-${b.entityId}-${Date.now()}-${a}`,
             type: "update",
-            entityType: y.entityType,
-            entityId: y.entityId,
-            data: y.entityType === "folder" ? { parentId: i } : { folderId: i }
+            entityType: b.entityType,
+            entityId: b.entityId,
+            data: b.entityType === "folder" ? { parentId: r } : { folderId: r }
           })
-        ), o = (await u({
+        ), i = (await d({
           projectName: e,
           operationsRequestModel: {
-            operations: c
+            operations: u
           }
-        }).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");
+        }).unwrap())?.operations?.filter((b) => b.success === !1) || [];
+        if (i.length > 0) {
+          const b = i.map((a) => a.detail).join(", ");
+          throw new Error(b || "Some move operations failed");
         }
-        r?.(i);
-      } catch (c) {
-        let s = Re(c) || "Failed to move entities";
-        if (s.includes("already exists"))
+        s?.(r);
+      } catch (u) {
+        let o = ze(u) || "Failed to move entities";
+        if (o.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";
+            o = "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`;
+            const b = o.match(/name '.*?, (.+?)' already exists/);
+            o = `Cannot move "${b ? b[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`;
+            const b = o.match(/name '.*?, (.+?)' already exists/);
+            o = `Cannot move "${b ? b[1] : "this folder"}" - a folder with this name already exists in the target location`;
           }
-        ke.error(s);
+        $e.error(o);
       } finally {
-        a();
+        n();
       }
     },
-    [t, e, u, a, r]
-  ), h = A(async () => {
+    [t, e, d, n, s]
+  ), y = N(async () => {
     if (t)
       try {
-        const g = t.entities.map(
-          (s, o) => ({
-            id: `move-to-root-${s.entityId}-${Date.now()}-${o}`,
+        const S = t.entities.map(
+          (o, i) => ({
+            id: `move-to-root-${o.entityId}-${Date.now()}-${i}`,
             type: "update",
-            entityType: s.entityType,
-            entityId: s.entityId,
-            data: s.entityType === "folder" ? { parentId: null } : { folderId: null }
+            entityType: o.entityType,
+            entityId: o.entityId,
+            data: o.entityType === "folder" ? { parentId: null } : { folderId: null }
           })
-        ), c = (await u({
+        ), u = (await d({
           projectName: e,
           operationsRequestModel: {
-            operations: g
+            operations: S
           }
-        }).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");
+        }).unwrap())?.operations?.filter((o) => o.success === !1) || [];
+        if (u.length > 0) {
+          const o = u.map((i) => i.detail).join(", ");
+          throw new Error(o || "Some move operations failed");
         }
-      } catch (g) {
-        let i = Re(g) || "Failed to move entities to root";
-        ke.error(i);
+      } catch (S) {
+        let r = ze(S) || "Failed to move entities to root";
+        $e.error(r);
       } finally {
-        a();
+        n();
       }
-  }, [t, e, u, a]), w = A(() => {
+  }, [t, e, d, n]), C = N(() => {
     if (!t) return [];
-    const g = [];
-    return t.entities.forEach((i) => {
-      g.push(i.entityId);
-    }), m.forEach((i) => {
-      t.entities.some((s) => {
-        const o = f(s.entityId);
-        return o?.name ? b.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
+    const S = [];
+    return t.entities.forEach((r) => {
+      S.push(r.entityId);
+    }), p.forEach((r) => {
+      t.entities.some((o) => {
+        const i = l(o.entityId);
+        return i?.name ? h.filter((a) => o.entityType === "folder" ? a.entityType === "folder" && a.parentId === r.id : o.entityType === "task" ? a.entityType === "task" && a.folderId === r.id : !1).some(
+          (a) => a.name === i.name && a.entityId !== o.entityId
         ) : !1;
-      }) && g.push(i.id);
-    }), [...new Set(g)];
-  }, [t, m, b, f]), d = A(
-    (g) => {
+      }) && S.push(r.id);
+    }), [...new Set(S)];
+  }, [t, p, h, l]), m = N(
+    (S) => {
       if (!t) return;
       if (t.entities.some(
-        (y) => y.entityType === "folder" && y.entityId === g
+        (b) => b.entityType === "folder" && b.entityId === S
       ))
         return "Cannot move folder to itself";
       if (t.entities.some(
-        (y) => y.currentParentId === g
+        (b) => b.currentParentId === S
       ))
         return "Cannot move to the same location";
-      const s = m.find((y) => y.id === g);
-      if (s) {
-        const y = t.entities.find((n) => {
-          const x = f(n.entityId);
-          return x?.name ? b.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
+      const o = p.find((b) => b.id === S);
+      if (o) {
+        const b = t.entities.find((a) => {
+          const x = l(a.entityId);
+          return x?.name ? h.filter((v) => a.entityType === "folder" ? v.entityType === "folder" && v.parentId === o.id : a.entityType === "task" ? v.entityType === "task" && v.folderId === o.id : !1).some(
+            (v) => v.name === x.name && v.entityId !== a.entityId
           ) : !1;
         });
-        if (y)
-          return `Cannot move "${f(y.entityId)?.name || "Entity"}" - an entity with the same name already exists in this folder`;
+        if (b)
+          return `Cannot move "${l(b.entityId)?.name || "Entity"}" - an entity with the same name already exists in this folder`;
       }
       return t.entities.some(
-        (y) => y.entityType === "folder"
+        (b) => b.entityType === "folder"
       ) ? "Cannot move folder to its child" : "Cannot move to this location";
     },
-    [t, m, b, f]
-  ), S = O(() => t?.entities.every((g) => g.entityType === "folder") || !1, [t]);
+    [t, p, h, l]
+  ), g = M(() => t?.entities.every((S) => S.entityType === "folder") || !1, [t]);
   return {
-    handleMoveSubmit: p,
-    handleMoveToRoot: h,
-    getDisabledFolderIds: w,
-    getDisabledMessage: d,
-    canMoveToRoot: S
+    handleMoveSubmit: f,
+    handleMoveToRoot: y,
+    getDisabledFolderIds: C,
+    getDisabledMessage: m,
+    canMoveToRoot: g
   };
-}, Vt = ({
+}, gn = ({
   projectName: e,
   movingEntities: t,
-  onClose: a,
-  onMoveComplete: r
+  onClose: n,
+  onMoveComplete: s
 }) => {
-  const { handleMoveSubmit: u, handleMoveToRoot: l, getDisabledFolderIds: m, getDisabledMessage: b } = Ut({
+  const { handleMoveSubmit: d, handleMoveToRoot: c, getDisabledFolderIds: p, getDisabledMessage: h } = hn({
     projectName: e,
     movingEntities: t ?? null,
-    onClose: a,
-    onMoveComplete: r
+    onClose: n,
+    onMoveComplete: s
   });
   return t?.entities.length ? /* @__PURE__ */ E(
-    St,
+    Pt,
     {
       projectName: e,
       entityType: "folder",
-      onSubmit: u,
-      onClose: a,
+      onSubmit: d,
+      onClose: n,
       showMoveToRoot: t.entities.every(
-        (f) => f.entityType === "folder"
+        (l) => l.entityType === "folder"
       ),
-      onMoveToRoot: l,
-      disabledIds: m(),
-      getDisabledMessage: b
+      onMoveToRoot: c,
+      disabledIds: p(),
+      getDisabledMessage: h
     }
   ) : null;
-}, Ht = ({ projectName: e, useExtraSlices: t }) => {
-  const [a, { isLoading: r, isFetching: u }] = dt(), { formatAssignees: l } = t();
+}, yn = ({ projectName: e, useExtraSlices: t }) => {
+  const [n, { isLoading: s, isFetching: d }] = wt(), { formatAssignees: c } = t();
   return {
     getData: async () => {
-      const b = await a({ projectName: e || "" }, !0).unwrap();
-      return l(b);
+      const h = await n({ projectName: e || "" }, !0).unwrap();
+      return c(h);
     },
-    isLoading: r || u
+    isLoading: s || d
   };
-}, Bt = ({ scopes: e, useExtraSlices: t }) => {
-  const { isLoading: a, productTypes: r, ...u } = ue(), { formatStatuses: l, formatTaskTypes: m, formatProductTypes: b, formatTypes: f, formatAttribute: p } = t();
-  return { project: u, getStatuses: async () => l(u, e), getTypes: async () => f(u), getTaskTypes: async () => m(u), getProductTypes: async () => b(r), getAttribute: async (i) => p ? p(i).map(
-    (c) => rt(c.icon ?? void 0) ? { ...c, icon: void 0, img: c.icon, imgShape: "circle" } : c
-  ) : void 0, isLoading: a };
-}, Gt = ({ entityTypes: e, request: t }) => {
+}, bn = ({ scopes: e, useExtraSlices: t }) => {
+  const { isLoading: n, productTypes: s, ...d } = me(), { formatStatuses: c, formatTaskTypes: p, formatProductTypes: h, formatTypes: l, formatAttribute: f } = t();
+  return { project: d, getStatuses: async () => c(d, e), getTypes: async () => l(d), getTaskTypes: async () => p(d), getProductTypes: async () => h(s), getAttribute: async (r) => f ? f(r).map(
+    (u) => xt(u.icon ?? void 0) ? { ...u, icon: void 0, img: u.icon, imgShape: "circle" } : u
+  ) : void 0, isLoading: n };
+}, Sn = ({ entityTypes: e, request: t }) => {
   const {
-    attributes: a,
-    isLoading: { siteInfo: r }
-  } = ft(), u = Ye(st), l = u?.attribFields?.length ? u.attribFields : a, { projectName: m } = ue();
-  return { attributes: Lt(l, { projectName: m, request: t ?? [] }).filter((p) => Ue(p.data)).filter((p) => e.some((h) => p.scope?.includes(h))).map(
-    (p) => p.data.enum?.some((h) => h.hidden) ? { ...p, data: { ...p.data, enum: lt(p.data.enum) } } : p
-  ), isLoading: r };
-}, Kt = "snippet_folder", de = "folder", Wt = (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();
-}), qt = (e = !0) => {
-  const { projectName: t } = ue(), { powerLicense: a } = we(), {
-    data: r,
-    isLoading: u,
-    isFetching: l
-  } = ut(
+    attributes: n,
+    isLoading: { siteInfo: s }
+  } = Rt(), d = pt(St), c = d?.attribFields?.length ? d.attribFields : n, { projectName: p } = me();
+  return { attributes: Ht(c, { projectName: p, request: t ?? [] }).filter((f) => Qe(f.data)).filter((f) => e.some((y) => f.scope?.includes(y))).map(
+    (f) => f.data.enum?.some((y) => y.hidden) ? { ...f, data: { ...f.data, enum: Ct(f.data.enum) } } : f
+  ), isLoading: s };
+}, Tn = "snippet_folder", fe = "folder", vn = (e) => `${fe}-${e}`, ke = (e) => [...e].sort((t, n) => {
+  if (t.active && !n.active) return -1;
+  if (!t.active && n.active) return 1;
+  const s = new Date(t.createdAt || 0);
+  return new Date(n.createdAt || 0).getTime() - s.getTime();
+}), In = (e = !0) => {
+  const { projectName: t } = me(), { powerLicense: n } = Oe(), {
+    data: s,
+    isLoading: d,
+    isFetching: c
+  } = Et(
     { projectName: t || "" },
     {
       initialPageParam: { cursor: "" },
       skip: !t || !e
     }
-  ), { data: m = [], isLoading: b } = pt(
+  ), { data: p = [], isLoading: h } = Dt(
     { projectName: t || "" },
-    { skip: !t || !a || !e }
-  ), f = O(() => {
-    if (!r?.pages) return [];
-    const w = r.pages.flatMap((d) => d.lists);
-    if (a && m.length > 0) {
-      const d = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Set();
-      for (const n of m)
-        d.set(n.id, {
-          id: n.id,
-          folder: n,
+    { skip: !t || !n || !e }
+  ), l = M(() => {
+    if (!s?.pages) return [];
+    const C = s.pages.flatMap((m) => m.lists);
+    if (n && p.length > 0) {
+      const m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set();
+      for (const a of p)
+        m.set(a.id, {
+          id: a.id,
+          folder: a,
           children: /* @__PURE__ */ new Map(),
           items: [],
           hasAnyItems: !1
-        }), n.parentId || S.add(n.id);
-      for (const n of m)
-        if (n.parentId && d.has(n.parentId)) {
-          const x = d.get(n.parentId), T = d.get(n.id);
-          x.children.set(n.id, T);
+        }), a.parentId || g.add(a.id);
+      for (const a of p)
+        if (a.parentId && m.has(a.parentId)) {
+          const x = m.get(a.parentId), T = m.get(a.id);
+          x.children.set(a.id, T);
         }
-      const g = [];
-      for (const n of w) {
-        const x = n.entityListFolderId;
-        if (x && d.has(x)) {
-          const T = d.get(x);
-          T.items.push(n), T.hasAnyItems = !0;
+      const S = [];
+      for (const a of C) {
+        const x = a.entityListFolderId;
+        if (x && m.has(x)) {
+          const T = m.get(x);
+          T.items.push(a), T.hasAnyItems = !0;
         } else
-          g.push(n);
+          S.push(a);
       }
-      for (const n of d.values())
-        if (n.hasAnyItems) {
-          let x = n.folder;
+      for (const a of m.values())
+        if (a.hasAnyItems) {
+          let x = a.folder;
           for (; x.parentId; ) {
-            const T = d.get(x.parentId);
+            const T = m.get(x.parentId);
             if (T)
               T.hasAnyItems = !0, x = T.folder;
             else
               break;
           }
         }
-      const i = (n, x, T = []) => ({
-        id: n.id,
-        name: n.label,
-        label: n.label,
+      const r = (a, x, T = []) => ({
+        id: a.id,
+        name: a.label,
+        label: a.label,
         ...T.length > 0 && { parents: T },
-        icon: _e(n),
+        icon: Ue(a),
         subRows: [],
         data: {
-          id: n.id,
-          name: n.label,
-          label: n.label,
-          entityType: n.entityType,
-          listId: n.id
+          id: a.id,
+          name: a.label,
+          label: a.label,
+          entityType: a.entityType,
+          listId: a.id,
+          // for sorting
+          active: a.active,
+          createdAt: a.createdAt,
+          updatedAt: a.updatedAt
         }
-      }), c = (n) => n.sort((x, T) => {
-        const v = m.findIndex((H) => H.id === x.id), D = m.findIndex((H) => H.id === T.id);
+      }), u = (a) => a.sort((x, T) => {
+        const v = p.findIndex((K) => K.id === x.id), D = p.findIndex((K) => K.id === T.id);
         return v === -1 && D === -1 ? x.folder.label.localeCompare(T.folder.label) : v === -1 ? 1 : D === -1 ? -1 : v - D;
-      }), s = (n) => {
-        const x = n.items.map((T) => T.id);
-        for (const T of n.children.values())
-          x.push(...s(T));
+      }), o = (a) => {
+        const x = a.items.map((T) => T.id);
+        for (const T of a.children.values())
+          x.push(...o(T));
         return x;
-      }, o = Dt({
-        folderNodes: d,
-        rootFolderIds: S,
+      }, i = Wt({
+        folderNodes: m,
+        rootFolderIds: g,
         showEmptyFolders: !1,
-        buildFolderRowId: Wt,
-        createItemRow: i,
-        sortFolderNodes: c,
-        sortItems: ve,
-        getFolderLabel: (n) => n.label,
-        getFolderIcon: (n) => n.data?.icon || Kt,
-        getFolderColor: (n) => n.data?.color,
-        getItemCount: (n) => n.items.length + Array.from(n.children.values()).reduce((x, T) => x + T.items.length, 0)
+        buildFolderRowId: vn,
+        createItemRow: r,
+        sortFolderNodes: u,
+        sortItems: ke,
+        getFolderLabel: (a) => a.label,
+        getFolderIcon: (a) => a.data?.icon || Tn,
+        getFolderColor: (a) => a.data?.color,
+        getItemCount: (a) => a.items.length + Array.from(a.children.values()).reduce((x, T) => x + T.items.length, 0)
       });
-      for (const n of o) {
-        if (n.id.startsWith(de + "-")) {
-          const T = n.id.substring((de + "-").length), v = d.get(T);
-          v && (n.data = { ...n.data, childListIds: s(v) });
+      for (const a of i) {
+        if (a.id.startsWith(fe + "-")) {
+          const T = a.id.substring((fe + "-").length), v = m.get(T);
+          v && (a.data = { ...a.data, childListIds: o(v) });
         }
-        const x = [...n.subRows || []];
+        const x = [...a.subRows || []];
         for (; x.length > 0; ) {
           const T = x.shift();
-          if (T.id.startsWith(de + "-")) {
-            const v = T.id.substring((de + "-").length), D = d.get(v);
-            D && (T.data = { ...T.data, childListIds: s(D) });
+          if (T.id.startsWith(fe + "-")) {
+            const v = T.id.substring((fe + "-").length), D = m.get(v);
+            D && (T.data = { ...T.data, childListIds: o(D) });
           }
           T.subRows && x.push(...T.subRows);
         }
       }
-      const y = ve(g).map((n) => i(n));
-      return [...o, ...y];
+      const b = ke(S).map((a) => r(a));
+      return [...i, ...b];
     }
-    return ve(w).map((d) => ({
-      id: d.id,
-      name: d.label,
-      label: d.label,
-      icon: _e(d),
+    return ke(C).map((m) => ({
+      id: m.id,
+      name: m.label,
+      label: m.label,
+      icon: Ue(m),
       subRows: [],
       data: {
-        id: d.id,
-        name: d.label,
-        label: d.label,
-        entityType: d.entityType,
-        listId: d.id
+        id: m.id,
+        name: m.label,
+        label: m.label,
+        entityType: m.entityType,
+        listId: m.id,
+        active: m.active,
+        createdAt: m.createdAt,
+        updatedAt: m.updatedAt
       }
     }));
-  }, [r, a, m]), p = a && m.length > 0;
+  }, [s, n, p]), f = n && p.length > 0;
   return {
-    getData: A(async () => f, [f]),
-    isLoading: u || l || b,
-    isExpandable: p
+    getData: N(async () => l, [l]),
+    isLoading: d || c || h,
+    isExpandable: f
   };
-}, Qt = (e, t, a, r) => e.id === "noValue" ? t.get(ze)?.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((u) => {
-  const l = Qt(u, t, a, r);
+}, xn = (e, t, n, s) => e.id === "noValue" ? t.get(Ye)?.count ?? (s ? 0 : void 0) : e.id === "hasValue" ? s ? n : void 0 : t.get(e.id)?.count ?? (e.name ? t.get(e.name)?.count : void 0) ?? (s ? 0 : void 0), ot = (e, t, n, s) => t ? e.map((d) => {
+  const c = xn(d, t, n, s);
   return {
-    ...u,
-    badge: l != null ? String(l) : u.badge,
-    subRows: u.subRows?.length ? Ke(u.subRows, t, a, r) : u.subRows
+    ...d,
+    badge: c != null ? String(c) : d.badge,
+    subRows: d.subRows?.length ? ot(d.subRows, t, n, s) : d.subRows
   };
-}) : e, Yt = (e) => ({
+}) : e, Cn = (e) => ({
   id: "noValue",
   name: "noValue",
   label: `No ${e}`,
@@ -442,7 +517,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
   data: {
     id: "noValue"
   }
-}), Jt = (e) => ({
+}), Ln = (e) => ({
   id: "hasValue",
   name: "hasValue",
   label: `Some ${e}`,
@@ -451,7 +526,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
   data: {
     id: "hasValue"
   }
-}), Ae = [
+}), He = [
   {
     label: "Hierarchy",
     value: "hierarchy",
@@ -470,17 +545,17 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
   {
     label: "Task Type",
     value: "taskType",
-    icon: ge("task")
+    icon: Ee("task")
   },
   {
     label: "Folder Type",
     value: "folderType",
-    icon: ge("folder")
+    icon: Ee("folder")
   },
   {
     label: "Product Type",
     value: "productType",
-    icon: ge("product")
+    icon: Ee("product")
   },
   {
     label: "Author",
@@ -492,187 +567,191 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     value: "entityList",
     icon: "list_alt"
   }
-], Xt = ({
+], wn = ({
   sliceFields: e,
   usedSliceTypes: t = [],
-  entityTypes: a = [],
-  counts: r,
-  filled: u = 0,
-  countsComplete: l = !1,
-  sliceType: m,
-  onSliceTypeChange: b
+  entityTypes: n = [],
+  counts: s,
+  filled: d = 0,
+  countsComplete: c = !1,
+  sliceType: p,
+  onSliceTypeChange: h,
+  sort: l
 }) => {
   const {
     sliceType: f,
-    onSliceTypeChange: p,
-    useExtraSlices: h,
-    isLoadingExtraSlices: w
-  } = Ie(), d = m ?? f, S = b ?? p, { projectName: g } = ue(), { formatAttribute: i } = h(), c = e.filter((C) => Ae.some((R) => R.value === C.value)).map((C) => ({
-    ...Ae.find((_) => _.value === C.value),
-    ...C
-  })), s = e.some((C) => C.value === "attributes"), o = d?.startsWith("attrib.") ? d.slice(7) : void 0, y = O(
-    () => o ? [o] : [],
-    [o]
-  ), { attributes: n, isLoading: x } = Gt({
-    entityTypes: a,
-    request: y
+    onSliceTypeChange: y,
+    useExtraSlices: C,
+    isLoadingExtraSlices: m
+  } = Me(), g = p ?? f, S = h ?? y, { projectName: r } = me(), { formatAttribute: u } = C(), o = e.filter((I) => He.some((A) => A.value === I.value)).map((I) => ({
+    ...He.find((O) => O.value === I.value),
+    ...I
+  })), i = e.some((I) => I.value === "attributes"), b = g?.startsWith("attrib.") ? g.slice(7) : void 0, a = M(
+    () => b ? [b] : [],
+    [b]
+  ), { attributes: x, isLoading: T } = Sn({
+    entityTypes: n,
+    request: a
   });
-  s && typeof i == "function" && n.forEach(
-    (C) => c.push({
-      label: C.data.title || C.name,
-      value: "attrib." + C.name,
-      icon: wt(C.name, C.data.type, Ue(C.data))
+  i && typeof u == "function" && x.forEach(
+    (I) => o.push({
+      label: I.data.title || I.name,
+      value: "attrib." + I.name,
+      icon: Bt(I.name, I.data.type, Qe(I.data))
     })
   );
-  const [T, v] = U(!1), H = !!n.find((C) => C.name === o)?.enumIsLoading, {
+  const [v, D] = z(!1), ae = !!x.find((I) => I.name === b)?.enumIsLoading, {
     project: oe,
-    getStatuses: ae,
-    getTypes: q,
-    getTaskTypes: ie,
-    getProductTypes: Z,
+    getStatuses: Z,
+    getTypes: ie,
+    getTaskTypes: re,
+    getProductTypes: q,
     getAttribute: ee,
-    isLoading: B
-  } = Bt({ scopes: a, useExtraSlices: h }), {
-    data: te,
-    getData: Q,
-    isFetching: Y
-  } = Tt({
-    projectName: g || "",
+    isLoading: V
+  } = bn({ scopes: n, useExtraSlices: C }), {
+    data: le,
+    getData: te,
+    isFetching: L
+  } = Ot({
+    projectName: r || "",
     folderTypes: oe?.folderTypes || [],
     includeColors: !0
-  }), { getData: I, isLoading: k } = Ht({
-    projectName: g,
-    useExtraSlices: h
+  }), { getData: R, isLoading: k } = yn({
+    projectName: r,
+    useExtraSlices: C
   }), {
-    getData: P,
-    isLoading: K,
-    isExpandable: re
-  } = qt(d === "entityList"), F = Y || B || k || w && d !== "hierarchy" || K && d === "entityList" || x || H, N = {
+    getData: Q,
+    isLoading: he,
+    isExpandable: xe
+  } = In(g === "entityList"), J = L || V || k || m && g !== "hierarchy" || he && g === "entityList" || T || ae, B = {
     hierarchy: {
-      getData: Q,
-      isLoading: Y,
+      getData: te,
+      isLoading: L,
       isExpandable: !0
     },
     assignees: {
-      getData: I,
+      getData: R,
       isLoading: k,
       isExpandable: !1,
       noValue: !0,
       hasValue: !0
     },
     author: {
-      getData: I,
+      getData: R,
       isLoading: k,
       isExpandable: !1
     },
     status: {
-      getData: ae,
-      isLoading: B,
+      getData: Z,
+      isLoading: V,
       isExpandable: !1
     },
     type: {
-      getData: q,
-      isLoading: B,
+      getData: ie,
+      isLoading: V,
       isExpandable: !0
     },
     taskType: {
-      getData: ie,
-      isLoading: B,
+      getData: re,
+      isLoading: V,
       isExpandable: !1
     },
     productType: {
-      getData: Z,
+      getData: q,
       isLoading: !1,
       isExpandable: !1
     },
     entityList: {
-      getData: P,
-      isLoading: K,
-      isExpandable: re
+      getData: Q,
+      isLoading: he,
+      isExpandable: xe
     }
   };
-  for (const C of n)
-    N["attrib." + C.name] = {
-      getData: () => ee(C),
-      isLoading: x || !!C.enumIsLoading,
+  for (const I of x)
+    B["attrib." + I.name] = {
+      getData: () => ee(I),
+      isLoading: T || !!I.enumIsLoading,
       isExpandable: !1,
       isAttribute: !0
     };
-  const pe = { data: [], isExpandable: !1 }, [le, fe] = U(pe), $ = N[d], ne = c.find(
-    (C) => N[C.value] && !t.includes(C.value)
+  const Y = { data: [], isExpandable: !1 }, [P, ge] = z(Y), G = B[g], ne = o.find(
+    (I) => B[I.value] && !t.includes(I.value)
   )?.value;
   se(() => {
-    F || $ || !ne || S(ne, !1);
-  }, [F, $, ne]);
-  const z = (C, R) => {
-    const _ = N[C];
-    if (!_) {
-      console.warn(`Slice type ${C} not found`);
+    J || G || !ne || S(ne, !1);
+  }, [J, G, ne]);
+  const ce = (I, A) => {
+    const O = B[I];
+    if (!O) {
+      console.warn(`Slice type ${I} not found`);
       return;
     }
-    (_.isAttribute && s || e.some((ce) => ce.value === C)) && S(C, R);
+    (O.isAttribute && i || e.some(($) => $.value === I)) && S(I, A);
   };
   se(() => {
-    if (F) return;
+    if (J) return;
     (async () => {
       try {
-        if (!$) return;
-        v(!0);
-        const R = await $.getData();
-        if (R === void 0)
+        if (!G) return;
+        D(!0);
+        const A = await G.getData();
+        if (A === 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."
           ), S(ne ?? "hierarchy", !1), new Error("Slice data is undefined");
-        $.hasValue && R.unshift(Jt(d)), $.noValue && R.unshift(Yt(d)), fe({
-          data: R,
-          isExpandable: $.isExpandable
+        G.hasValue && A.unshift(Ln(g)), G.noValue && A.unshift(Cn(g)), ge({
+          data: A,
+          isExpandable: G.isExpandable
         });
-      } catch (R) {
-        console.error("Error fetching slice data:", R), fe(pe);
+      } catch (A) {
+        console.error("Error fetching slice data:", A), ge(Y);
       } finally {
-        v(!1);
+        D(!1);
       }
     })();
-  }, [d, g, F, d === "hierarchy" ? te : null]);
-  const j = O(
-    () => Ke(le.data, r, u, l),
-    [le.data, r, u, l]
-  ), Le = O(() => {
-    const C = /* @__PURE__ */ new Map(), R = [...j];
-    for (; R.length > 0; ) {
-      const _ = R.shift();
-      if (_ && (C.set(_.id, _), _.subRows && _.subRows.length > 0))
-        for (const ce of _.subRows)
-          R.push(ce);
+  }, [g, r, J, g === "hierarchy" ? le : null]);
+  const de = l?.by, F = !!l?.desc, j = M(
+    () => de ? on(P.data, g, { by: de, desc: F }) : P.data,
+    [P.data, g, de, F]
+  ), ye = M(
+    () => ot(j, s, d, c),
+    [j, s, d, c]
+  ), be = M(() => {
+    const I = /* @__PURE__ */ new Map(), A = [...ye];
+    for (; A.length > 0; ) {
+      const O = A.shift();
+      if (O && (I.set(O.id, O), O.subRows && O.subRows.length > 0))
+        for (const $ of O.subRows)
+          A.push($);
     }
-    return C;
-  }, [j]);
+    return I;
+  }, [ye]);
   return {
-    sliceOptions: c,
-    table: { ...le, data: j },
-    sliceMap: Le,
-    isLoading: N[d] && N[d].isLoading || T || F,
-    sliceType: d,
-    handleSliceTypeChange: z
+    sliceOptions: o,
+    table: { ...P, data: ye },
+    sliceMap: be,
+    isLoading: B[g] && B[g].isLoading || v || J,
+    sliceType: g,
+    handleSliceTypeChange: ce
   };
-}, Zt = /* @__PURE__ */ new Map(), en = (e, t, a, r) => {
-  const u = O(() => ({ id: t, desc: !1 }), [t]), l = O(
-    () => (a ?? []).filter((g) => g !== t).map((g) => ({ id: g, desc: !1 })),
-    [a, t]
-  ), m = !!r || !e, b = e?.entity === "version" ? { entity: "version", groupBy: u, extraGroupBys: l, args: e.args, skip: m } : {
+}, En = /* @__PURE__ */ new Map(), Dn = (e, t, n, s) => {
+  const d = M(() => ({ id: t, desc: !1 }), [t]), c = M(
+    () => (n ?? []).filter((S) => S !== t).map((S) => ({ id: S, desc: !1 })),
+    [n, t]
+  ), p = !!s || !e, h = e?.entity === "version" ? { entity: "version", groupBy: d, extraGroupBys: c, args: e.args, skip: p } : {
     entity: "task",
-    groupBy: u,
-    extraGroupBys: l,
+    groupBy: d,
+    extraGroupBys: c,
     args: e?.args ?? { projectName: "" },
-    skip: m
-  }, { counts: f, total: p, complete: h } = Et(b), w = f?.get(ze)?.count ?? 0, d = Math.max(p - w, 0);
+    skip: p
+  }, { counts: l, total: f, complete: y } = Gt(h), C = l?.get(Ye)?.count ?? 0, m = Math.max(f - C, 0);
   return {
-    counts: m ? void 0 : f ?? (h ? Zt : void 0),
-    total: p,
-    filled: d,
-    complete: !m && h
+    counts: p ? void 0 : l ?? (y ? En : void 0),
+    total: f,
+    filled: m,
+    complete: !p && y
   };
-}, tn = V.div`
+}, Rn = U.div`
   display: flex;
   align-items: center;
 
@@ -680,206 +759,206 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     flex: 1;
     min-width: 0;
   }
-`, nn = V(ot)`
+`, kn = U(Tt)`
   flex: 1;
   min-width: 0;
   height: 28px;
   min-height: 28px;
-`, sn = ({ open: e, value: t, subject: a, onChange: r }) => {
-  const u = () => r(e ? void 0 : ""), l = (b) => {
-    b.key === "Escape" && r(void 0);
-  }, m = (b) => {
-    const f = ct(b.clipboardData.getData("text"));
-    if (f === null) return;
-    b.preventDefault();
-    const p = b.currentTarget, h = p.selectionStart ?? t.length, w = p.selectionEnd ?? t.length, d = h + f.length;
-    r(t.slice(0, h) + f + t.slice(w)), requestAnimationFrame(() => p.setSelectionRange(d, d));
+`, An = ({ open: e, value: t, subject: n, onChange: s }) => {
+  const d = () => s(e ? void 0 : ""), c = (h) => {
+    h.key === "Escape" && s(void 0);
+  }, p = (h) => {
+    const l = Lt(h.clipboardData.getData("text"));
+    if (l === null) return;
+    h.preventDefault();
+    const f = h.currentTarget, y = f.selectionStart ?? t.length, C = f.selectionEnd ?? t.length, m = y + l.length;
+    s(t.slice(0, y) + l + t.slice(C)), requestAnimationFrame(() => f.setSelectionRange(m, m));
   };
-  return /* @__PURE__ */ G(tn, { className: W({ open: e }), children: [
+  return /* @__PURE__ */ H(Rn, { className: W({ open: e }), children: [
     e && /* @__PURE__ */ E(
-      nn,
+      kn,
       {
         value: t,
-        onChange: (b) => r(b.target.value),
+        onChange: (h) => s(h.target.value),
         placeholder: "Search",
         autoFocus: !0,
-        onKeyDown: l,
-        onPaste: m
+        onKeyDown: c,
+        onPaste: p
       }
     ),
     /* @__PURE__ */ E(
-      he,
+      pe,
       {
         icon: e ? "close" : "search",
-        onClick: u,
+        onClick: d,
         className: W({ open: e }),
-        "data-tooltip": e ? "Close search" : `Search ${a}`
+        "data-tooltip": e ? "Close search" : `Search ${n}`
       }
     )
   ] });
-}, xe = (e, t) => {
-  e.toggleExpanded(t), e.subRows?.forEach((a) => xe(a, t));
-}, Oe = (e) => e.map((t) => t.id).filter(Boolean), on = (e, t, a, r) => {
-  const { onOpenNew: u } = Mt(), { projectName: l } = ue(), { setEntities: m } = mt(), b = _t(), [f] = Ve(), { deleteEntities: p } = ht(), [h, w] = U(null), d = A(
-    (c, s) => s.map((o) => t?.get(o) || (o === c.id ? c : void 0)).filter((o) => !!o),
+}, Ae = (e, t) => {
+  e.toggleExpanded(t), e.subRows?.forEach((n) => Ae(n, t));
+}, Ge = (e) => e.map((t) => t.id).filter(Boolean), _n = (e, t, n, s) => {
+  const { onOpenNew: d } = Qt(), { projectName: c } = me(), { setEntities: p } = kt(), h = Jt(), [l] = Je(), { deleteEntities: f } = At(), [y, C] = z(null), m = N(
+    (u, o) => o.map((i) => t?.get(i) || (i === u.id ? u : void 0)).filter((i) => !!i),
     [t]
-  ), S = O(
+  ), g = M(
     () => ({
-      onShowDetails: (c, s = [c.id]) => {
-        m({
+      onShowDetails: (u, o = [u.id]) => {
+        p({
           entityType: "folder",
-          entities: s.map((o) => ({ id: o, projectName: l }))
+          entities: o.map((i) => ({ id: i, projectName: c }))
         });
       },
       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
+      onMove: (u) => {
+        s?.({
+          entities: u.map((o) => ({
+            entityId: o.id,
+            entityType: o.data?.entityType === "task" ? "task" : "folder",
+            currentParentId: o.parentId || o.data?.parentId
           }))
         });
       },
-      onRename: (c) => w(c),
-      onOpenViewer: (c) => a?.(c, l),
-      onUploadVersion: (c) => {
-        const s = c.data?.entityType === "task", o = s ? c.parentId || c.data?.parentId : c.id;
-        o && b?.onOpenVersionUpload({
-          folderId: o,
-          taskId: s ? c.id : void 0
+      onRename: (u) => C(u),
+      onOpenViewer: (u) => n?.(u, c),
+      onUploadVersion: (u) => {
+        const o = u.data?.entityType === "task", i = o ? u.parentId || u.data?.parentId : u.id;
+        i && h?.onOpenVersionUpload({
+          folderId: i,
+          taskId: o ? u.id : void 0
         });
       },
-      onDelete: (c) => {
-        const s = c.map((o) => {
-          const y = o.data?.entityType === "task" ? "task" : "folder", n = o.parentId || o.data?.parentId;
+      onDelete: (u) => {
+        const o = u.map((i) => {
+          const b = i.data?.entityType === "task" ? "task" : "folder", a = i.parentId || i.data?.parentId;
           return {
-            id: o.id,
-            entityType: y,
-            name: o.name,
-            label: o.label,
-            projectName: l,
-            folderId: y === "task" ? n : void 0,
-            parentId: y === "folder" ? n : void 0
+            id: i.id,
+            entityType: b,
+            name: i.name,
+            label: i.label,
+            projectName: c,
+            folderId: b === "task" ? a : void 0,
+            parentId: b === "folder" ? a : void 0
           };
         });
-        p(s);
+        f(o);
       }
     }),
     [
       e,
-      a,
-      r,
-      l,
-      m,
+      n,
+      s,
+      c,
       p,
-      b
+      f,
+      h
     ]
-  ), g = A(
-    (c) => {
-      h && (f({
-        projectName: l,
+  ), S = N(
+    (u) => {
+      y && (l({
+        projectName: c,
         operationsRequestModel: {
           operations: [
             {
               type: "update",
-              entityType: h.data?.entityType === "task" ? "task" : "folder",
-              entityId: h.id,
-              data: { label: c }
+              entityType: y.data?.entityType === "task" ? "task" : "folder",
+              entityId: y.id,
+              data: { label: u }
             }
           ]
         }
-      }), w(null));
+      }), C(null));
     },
-    [l, h, f]
+    [c, y, l]
   );
   return {
-    rowContextMenuBuilders: O(
+    rowContextMenuBuilders: M(
       () => [
-        (c, { row: s, selectedRows: o }) => ({
+        (u, { row: o, selectedRows: i }) => ({
           label: "Show details",
           icon: "dock_to_left",
-          shortcut: Rt("click", [Pt.Alt]),
-          command: () => S.onShowDetails(s.original, o)
+          shortcut: qt("click", [Yt.Alt]),
+          command: () => g.onShowDetails(o.original, i)
         }),
-        (c, { row: s }) => ({
+        (u, { row: o }) => ({
           label: "Rename label",
           icon: "titlecase",
           shortcut: "R",
-          command: () => S.onRename(s.original)
+          command: () => g.onRename(o.original)
         }),
-        (c, { row: s }) => ({
+        (u, { row: o }) => ({
           label: "Open in viewer",
           icon: "play_circle",
-          command: () => S.onOpenViewer(s.original),
-          hidden: !a
+          command: () => g.onOpenViewer(o.original),
+          hidden: !n
         }),
-        (c, { selectedTableRows: s }) => ({
+        (u, { selectedTableRows: o }) => ({
           label: "Expand all children",
           icon: "expand_all",
-          command: () => s.filter((o) => o.getCanExpand() && !o.getIsExpanded()).forEach((o) => xe(o, !0)),
-          hidden: !s.some(
-            (o) => o.getCanExpand() && !o.getIsExpanded()
+          command: () => o.filter((i) => i.getCanExpand() && !i.getIsExpanded()).forEach((i) => Ae(i, !0)),
+          hidden: !o.some(
+            (i) => i.getCanExpand() && !i.getIsExpanded()
           )
         }),
-        (c, { selectedTableRows: s }) => ({
+        (u, { selectedTableRows: o }) => ({
           label: "Collapse all children",
           icon: "collapse_all",
-          command: () => s.filter((o) => o.getCanExpand() && o.getIsExpanded()).forEach((o) => xe(o, !1)),
-          hidden: !s.some(
-            (o) => o.getCanExpand() && o.getIsExpanded()
+          command: () => o.filter((i) => i.getCanExpand() && i.getIsExpanded()).forEach((i) => Ae(i, !1)),
+          hidden: !o.some(
+            (i) => i.getCanExpand() && i.getIsExpanded()
           )
         }),
-        (c, { row: s, selectedRows: o }) => {
-          const y = S.onAddToList?.(s.original, o);
-          return y ? Array.isArray(y) ? y : [y] : void 0;
+        (u, { row: o, selectedRows: i }) => {
+          const b = g.onAddToList?.(o.original, i);
+          return b ? Array.isArray(b) ? b : [b] : void 0;
         },
-        (c, { row: s }) => ({
+        (u, { row: o }) => ({
           label: "Upload version",
           icon: "upload",
-          command: () => S.onUploadVersion(s.original)
+          command: () => g.onUploadVersion(o.original)
         }),
-        (c, { row: s, selectedRows: o }) => ({
+        (u, { row: o, selectedRows: i }) => ({
           label: "Move",
           icon: "drive_file_move",
-          command: () => S.onMove(d(s.original, o)),
-          hidden: !r
+          command: () => g.onMove(m(o.original, i)),
+          hidden: !s
         }),
-        (c, { row: s, selectedRows: o }) => ({
-          label: me.folder.createLabel,
-          icon: me.folder.icon,
-          command: () => u?.("folder", {
-            parentFolderIds: Oe(
-              d(s.original, o)
+        (u, { row: o, selectedRows: i }) => ({
+          label: Te.folder.createLabel,
+          icon: Te.folder.icon,
+          command: () => d?.("folder", {
+            parentFolderIds: Ge(
+              m(o.original, i)
             )
           })
         }),
-        (c, { row: s, selectedRows: o }) => ({
-          label: me.task.createLabel,
-          icon: me.task.icon,
-          command: () => u?.("task", {
-            parentFolderIds: Oe(
-              d(s.original, o)
+        (u, { row: o, selectedRows: i }) => ({
+          label: Te.task.createLabel,
+          icon: Te.task.icon,
+          command: () => d?.("task", {
+            parentFolderIds: Ge(
+              m(o.original, i)
             )
           })
         }),
-        (c, { row: s, selectedRows: o }) => ({
+        (u, { row: o, selectedRows: i }) => ({
           label: "Delete",
           icon: "delete",
           danger: !0,
-          command: () => S.onDelete(d(s.original, o))
+          command: () => g.onDelete(m(o.original, i))
         })
       ],
-      [S, d, u]
+      [g, m, d]
     ),
-    onOptionClick: S.onShowDetails,
-    onRename: S.onRename,
-    renamingRow: h,
-    renameInitialValue: h?.label || h?.name || "",
-    onSubmitRename: g,
-    onCancelRename: () => w(null)
+    onOptionClick: g.onShowDetails,
+    onRename: g.onRename,
+    renamingRow: y,
+    renameInitialValue: y?.label || y?.name || "",
+    onSubmitRename: S,
+    onCancelRename: () => C(null)
   };
-}, an = V(at)`
+}, Mn = U(vt)`
   /* put above the menu so it's still clickable */
   /* NOTE: this will need fixing as this also puts it above dialogs */
   /* z-index: 1001;  */
@@ -910,7 +989,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     }
   }
 `;
-V.div`
+U.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -932,82 +1011,82 @@ V.div`
     font-weight: 600;
   }
 `;
-const rn = (e, t, a) => {
-  const r = `${t}${a === 1 ? "" : "s"}`;
-  return e === "created" ? `new ${r}` : e === "deleted" ? `${r} deleted` : `${a} ${r} ${e.replaceAll("_", " ")}`;
-}, ln = (e) => {
+const Pn = (e, t, n) => {
+  const s = `${t}${n === 1 ? "" : "s"}`;
+  return e === "created" ? `new ${s}` : e === "deleted" ? `${s} deleted` : `${n} ${s} ${e.replaceAll("_", " ")}`;
+}, On = (e) => {
   const t = /* @__PURE__ */ new Map();
-  return e.forEach((r) => {
-    const [, u, l] = r.topic.split(".");
-    if (!u || !l) return;
-    const m = `${u}.${l}`, b = t.get(m) || {
-      entityType: u,
-      updateType: l,
+  return e.forEach((s) => {
+    const [, d, c] = s.topic.split(".");
+    if (!d || !c) return;
+    const p = `${d}.${c}`, h = t.get(p) || {
+      entityType: d,
+      updateType: c,
       ids: /* @__PURE__ */ new Set()
     };
-    b.ids.add(r.entityId || String(r.id)), t.set(m, b);
+    h.ids.add(s.entityId || String(s.id)), t.set(p, h);
   }), `${Array.from(t.values()).map(
-    ({ entityType: r, updateType: u, ids: l }) => rn(u, r, l.size)
+    ({ entityType: s, updateType: d, ids: c }) => Pn(d, s, c.size)
   ).join(", ")} since last sync`;
-}, cn = Je(
-  ({ projectNames: e, topics: t, onSync: a, shouldSyncOnUpdate: r, hideWhenNoUpdates: u = !1, ...l }, m) => {
-    const [b, f] = U(!1), [p, h] = gt(), { setMenuOpen: w } = yt(), d = ye(null), S = ye(), g = Xe();
+}, Nn = ft(
+  ({ projectNames: e, topics: t, onSync: n, shouldSyncOnUpdate: s, hideWhenNoUpdates: d = !1, ...c }, p) => {
+    const [h, l] = z(!1), [f, y] = _t(), { setMenuOpen: C } = Ze(), m = Ie(null), g = Ie(), S = mt();
     se(() => () => {
-      const v = S.current;
-      S.current = void 0, v !== void 0 && clearTimeout(v);
-    }, []), Ze(m, () => d.current, []);
-    const i = async () => {
-      f(!0);
+      const v = g.current;
+      g.current = void 0, v !== void 0 && clearTimeout(v);
+    }, []), ht(p, () => m.current, []);
+    const r = async () => {
+      l(!0);
       try {
-        await a?.(c);
+        await n?.(u);
       } finally {
-        f(!1);
+        l(!1);
       }
-    }, { updates: c, hasUpdates: s } = bt({
+    }, { updates: u, hasUpdates: o } = Mt({
       projectNames: e,
       topics: t,
-      isSyncing: b,
-      shouldSyncOnUpdate: r
+      isSyncing: h,
+      shouldSyncOnUpdate: s
     });
     if (se(() => {
       const v = (D) => {
-        D.repeat || !D.shiftKey || D.ctrlKey || D.metaKey || D.key.toLowerCase() !== "r" || kt(D) || (D.preventDefault(), D.stopPropagation(), i());
+        D.repeat || !D.shiftKey || D.ctrlKey || D.metaKey || D.key.toLowerCase() !== "r" || Kt(D) || (D.preventDefault(), D.stopPropagation(), r());
       };
       return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-    }, [i]), u && !s) return null;
-    const o = ln(c), y = Object.values(p).some(Boolean);
-    Object.values(p).every(Boolean);
-    const n = () => {
-      S.current && clearTimeout(S.current);
+    }, [r]), d && !o) return null;
+    const i = On(u), b = Object.values(f).some(Boolean);
+    Object.values(f).every(Boolean);
+    const a = () => {
+      g.current && clearTimeout(g.current);
     };
-    return /* @__PURE__ */ G($e, { children: [
+    return /* @__PURE__ */ H(_e, { children: [
       /* @__PURE__ */ E(
-        an,
+        Mn,
         {
-          ...l,
+          ...c,
           icon: "sync",
-          ref: d,
-          onClick: i,
+          ref: m,
+          onClick: r,
           onMouseEnter: () => {
-            n(), w(g);
+            a(), C(S);
           },
           onMouseLeave: () => {
-            n(), S.current = setTimeout(() => w(!1), 100);
+            a(), g.current = setTimeout(() => C(!1), 100);
           },
-          className: W(l.className, {
-            syncing: b,
-            "has-updates": s,
-            "auto-sync": y && !Pe
+          className: W(c.className, {
+            syncing: h,
+            "has-updates": o,
+            "auto-sync": b && !Ve
           }),
           "data-shortcut": "Shift+R",
-          "data-tooltip": s ? o : "Refresh data",
-          variant: s ? "filled" : "surface"
+          "data-tooltip": o ? i : "Refresh data",
+          variant: o ? "filled" : "surface"
         }
       ),
-      !Pe
+      !Ve
     ] });
   }
-), Ne = V.div`
+), We = U.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1015,7 +1094,7 @@ const rn = (e, t, a) => {
   flex: 1;
   min-width: 0;
   color: var(--md-sys-color-outline);
-`, dn = V.span`
+`, Fn = U.span`
   display: flex;
   align-items: center;
   gap: 2px;
@@ -1028,56 +1107,56 @@ const rn = (e, t, a) => {
     border-radius: 50%;
     object-fit: cover;
   }
-`, un = ({ rowSelection: e, sliceMap: t }) => {
-  const a = ye(null), [r, u] = U(0);
-  Te(() => {
-    const i = a.current;
-    if (!i) return;
-    const c = new ResizeObserver(([s]) => u(s.contentRect.width));
-    return c.observe(i), () => c.disconnect();
+`, jn = ({ rowSelection: e, sliceMap: t }) => {
+  const n = Ie(null), [s, d] = z(0);
+  we(() => {
+    const r = n.current;
+    if (!r) return;
+    const u = new ResizeObserver(([o]) => d(o.contentRect.width));
+    return u.observe(r), () => u.disconnect();
   }, []);
-  const l = Object.keys(e).filter((i) => e[i]).map((i) => t.get(i)).filter((i) => !!i), m = (i) => !!i.icon || !!i.img || !!i.startContent, [b, f] = U(!0), p = l.length > 1 || !b, [h, w] = U(l.length), d = l.map((i) => i.id).join("|");
-  if (Te(() => {
-    f(!0), w(l.length);
-  }, [r, d]), 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, D) => v.offsetLeft - i.offsetLeft + v.offsetWidth <= D;
-    if (l.length === 1) {
-      b && c[0] && !o(c[0], i.clientWidth) && m(l[0]) && f(!1);
+  const c = Object.keys(e).filter((r) => e[r]).map((r) => t.get(r)).filter((r) => !!r), p = (r) => !!r.icon || !!r.img || !!r.startContent, [h, l] = z(!0), f = c.length > 1 || !h, [y, C] = z(c.length), m = c.map((r) => r.id).join("|");
+  if (we(() => {
+    l(!0), C(c.length);
+  }, [s, m]), we(() => {
+    const r = n.current;
+    if (!r || !c.length) return;
+    const u = Array.from(r.querySelectorAll("[data-chip]")), o = r.querySelector("[data-overflow]")?.offsetWidth ?? 22, i = (v, D) => v.offsetLeft - r.offsetLeft + v.offsetWidth <= D;
+    if (c.length === 1) {
+      h && u[0] && !i(u[0], r.clientWidth) && p(c[0]) && l(!1);
       return;
     }
-    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 !== h && w(T);
-  }), !l.length) return /* @__PURE__ */ E(Ne, { ref: a });
-  const S = l.slice(0, h), g = l.length - S.length;
-  return /* @__PURE__ */ G(Ne, { ref: a, children: [
-    S.map((i) => /* @__PURE__ */ G(
-      dn,
+    const b = u[u.length - 1];
+    if (b && i(b, r.clientWidth)) return;
+    const a = r.clientWidth - o, x = u.filter((v) => i(v, a)).length, T = Math.max(1, x);
+    T !== y && C(T);
+  }), !c.length) return /* @__PURE__ */ E(We, { ref: n });
+  const g = c.slice(0, y), S = c.length - g.length;
+  return /* @__PURE__ */ H(We, { ref: n, children: [
+    g.map((r) => /* @__PURE__ */ H(
+      Fn,
       {
         "data-chip": !0,
-        title: i.label || i.name,
-        "aria-label": i.label || i.name,
+        title: r.label || r.name,
+        "aria-label": r.label || r.name,
         children: [
-          i.startContent ?? (i.img ? /* @__PURE__ */ E("img", { src: i.img, alt: "" }) : i.icon && /* @__PURE__ */ E(it, { icon: i.icon, style: { color: i.iconColor } })),
-          !(p && m(i)) && /* @__PURE__ */ E("span", { children: i.label || i.name })
+          r.startContent ?? (r.img ? /* @__PURE__ */ E("img", { src: r.img, alt: "" }) : r.icon && /* @__PURE__ */ E(It, { icon: r.icon, style: { color: r.iconColor } })),
+          !(f && p(r)) && /* @__PURE__ */ E("span", { children: r.label || r.name })
         ]
       },
-      i.id
+      r.id
     )),
-    g > 0 && /* @__PURE__ */ G("span", { "data-overflow": !0, children: [
+    S > 0 && /* @__PURE__ */ H("span", { "data-overflow": !0, children: [
       "+",
-      g
+      S
     ] })
   ] });
-}, pn = V.div`
+}, $n = U.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`, fn = V.div`
+`, zn = U.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1089,7 +1168,7 @@ const rn = (e, t, a) => {
     flex: 1;
     min-width: 0;
   }
-`, mn = V(vt)`
+`, Un = U(Nt)`
   .slicer-dropdown {
     flex: 0 1 auto;
     min-width: 48px;
@@ -1110,7 +1189,7 @@ const rn = (e, t, a) => {
   .power-feature .icon {
     color: var(--md-sys-color-tertiary);
   }
-`, hn = V.div`
+`, Vn = U.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1123,176 +1202,224 @@ const rn = (e, t, a) => {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, je = "__splitSlicer__", Fe = ({
+`, Ke = "__splitSlicer__", qe = ({
   panel: e,
   visibleSlices: t,
-  sliceFields: a,
-  entityTypes: r = ["task"],
-  pinnedSliceType: u,
-  countsSource: l,
-  onAddToList: m,
-  openMoveDialog: b,
-  splitEnabled: f,
-  canCollapse: p,
-  isPrimary: h,
-  search: w,
-  onSearchChange: d
+  sliceFields: n,
+  entityTypes: s = ["task"],
+  pinnedSliceType: d,
+  countsSource: c,
+  onAddToList: p,
+  openMoveDialog: h,
+  splitEnabled: l,
+  canCollapse: f,
+  isPrimary: y,
+  search: C,
+  onSearchChange: m
 }) => {
   const {
-    SlicerDropdown: S,
-    addSlicePanel: g,
-    removeSlicePanel: i,
-    collapsedPanels: c,
-    togglePanelCollapsed: s,
-    setPanelSliceType: o,
-    getPanelSelection: y,
-    setPanelSelection: n,
+    SlicerDropdown: g,
+    addSlicePanel: S,
+    removeSlicePanel: r,
+    collapsedPanels: u,
+    togglePanelCollapsed: o,
+    setPanelSliceType: i,
+    getPanelSelection: b,
+    setPanelSelection: a,
     getPanelExpanded: x,
     setPanelExpanded: T,
     onSliceTypeChange: v,
     isViewSyncPending: D,
-    onOpenViewer: H,
-    onAddToList: oe
-  } = Ie(), { refetch: ae } = Ce(), { powerLicense: q, setPowerpackDialog: ie } = we(), Z = y(e.id), ee = x(e.id), B = (L) => {
-    n(e.id, L);
-  }, te = A(
-    (L) => T(e.id, L),
+    onOpenViewer: K,
+    onAddToList: ae,
+    page: oe,
+    getSliceSort: Z,
+    setSliceSort: ie
+  } = Me(), { refetch: re } = Pe(), { powerLicense: q, setPowerpackDialog: ee } = Oe(), V = b(e.id), le = x(e.id), te = (w) => {
+    a(e.id, w);
+  }, L = N(
+    (w) => T(e.id, w),
     [T, e.id]
-  ), Q = O(
-    () => typeof l == "function" ? l(e.sliceType) : l,
-    [l, e.sliceType]
-  ), Y = O(() => {
-    const L = t.map((X) => X.sliceType);
-    if (typeof l != "function") return L;
-    const M = (X) => JSON.stringify([X?.entity, X?.args]), Qe = M(Q);
-    return L.filter((X) => X === e.sliceType || M(l(X)) === Qe);
-  }, [l, Q, t, e.sliceType]), { counts: I, filled: k, complete: P } = en(
-    Q,
+  ), R = M(
+    () => typeof c == "function" ? c(e.sliceType) : c,
+    [c, e.sliceType]
+  ), k = M(() => {
+    const w = t.map((X) => X.sliceType);
+    if (typeof c != "function") return w;
+    const _ = (X) => JSON.stringify([X?.entity, X?.args]), ut = _(R);
+    return w.filter((X) => X === e.sliceType || _(c(X)) === ut);
+  }, [c, R, t, e.sliceType]), { counts: Q, filled: he, complete: xe } = Dn(
+    R,
     e.sliceType,
-    Y
-  ), K = A(
-    (L, M) => {
-      h ? v(L, M) : o(e.id, L);
+    k
+  ), J = N(
+    (w, _) => {
+      y ? v(w, _) : i(e.id, w);
     },
-    [h, v, o, e.id]
-  ), re = O(
-    () => t.filter((L) => L.id !== e.id).map((L) => L.sliceType),
+    [y, v, i, e.id]
+  ), B = M(
+    () => t.filter((w) => w.id !== e.id).map((w) => w.sliceType),
     [t, e.id]
   ), {
-    sliceOptions: F,
-    sliceType: N,
-    handleSliceTypeChange: pe,
-    table: { data: le, isExpandable: fe },
-    sliceMap: $,
-    isLoading: ne
-  } = Xt({
-    sliceFields: a,
-    usedSliceTypes: re,
-    entityTypes: r,
-    counts: I,
-    filled: k,
-    countsComplete: P,
+    sliceOptions: Y,
+    sliceType: P,
+    handleSliceTypeChange: ge,
+    table: { data: G, isExpandable: ne },
+    sliceMap: ce,
+    isLoading: de
+  } = wn({
+    sliceFields: n,
+    usedSliceTypes: B,
+    entityTypes: s,
+    counts: Q,
+    filled: he,
+    countsComplete: xe,
     sliceType: e.sliceType,
-    onSliceTypeChange: K
-  }), z = N === "hierarchy", j = !!p && c.includes(e.id), C = F.find((L) => L.value === N)?.label || N, R = w !== void 0, _ = w ?? "", ce = z ? "Folders" : C, J = on(
-    m || oe,
-    $,
-    H,
-    b
-  ), We = z ? J.rowContextMenuBuilders : [], Ee = O(
-    () => F.map((L) => L.value).filter((L) => !t.some((M) => M.sliceType === L)),
-    [F, t]
-  ), be = !!f && Ee.length > 0, Se = O(() => {
-    const L = F.map(
-      (M) => re.includes(M.value) ? { ...M, disabled: !0, disabledMessage: "Already used by another panel" } : M
+    onSliceTypeChange: J,
+    sort: Z(e.sliceType)
+  }), F = P === "hierarchy", j = !!f && u.includes(e.id), be = Y.find((w) => w.value === P)?.label || P, I = C !== void 0, A = C ?? "", O = F ? "Folders" : be, $ = _n(
+    p || ae,
+    ce,
+    K,
+    h
+  ), it = F ? $.rowContextMenuBuilders : [], Fe = M(
+    () => Y.map((w) => w.value).filter((w) => !t.some((_) => _.sliceType === w)),
+    [Y, t]
+  ), Se = !!l && Fe.length > 0, Ce = M(() => {
+    const w = Y.map(
+      (_) => B.includes(_.value) ? { ..._, disabled: !0, disabledMessage: "Already used by another panel" } : _
     );
-    return be && L.push({ label: "Split slicer", value: je, icon: "splitscreen_add" }), L;
-  }, [F, re, be]), De = () => {
-    if (!q) return ie("slicer");
-    g(Ee[0]);
-  }, qe = (L) => {
-    const M = String(L[0]);
-    if (M === je) {
-      De();
+    return Se && w.push({ label: "Split slicer", value: Ke, icon: "splitscreen_add" }), w;
+  }, [Y, B, Se]), Le = () => {
+    if (!q) return ee("slicer");
+    S(Fe[0]);
+  }, { menuOpen: rt, toggleMenuOpen: je } = Ze(), ue = `slicer-menu-${oe}-${e.id}`.replace(/[^\w-]/g, "-"), lt = rt === ue, ct = [
+    {
+      id: "search",
+      label: `Search ${O}`,
+      icon: "search",
+      onClick: () => m("")
+    },
+    ...Se && y ? [
+      {
+        id: "split",
+        label: "Split slicer",
+        icon: "splitscreen_add",
+        powerFeature: "slicer",
+        onClick: Le
+      }
+    ] : [],
+    ...y ? [] : [
+      {
+        id: "remove-panel",
+        label: "Remove panel",
+        icon: "close",
+        onClick: () => r(e.id)
+      }
+    ],
+    rn({
+      id: "sort",
+      options: Ne(P),
+      sort: Z(P),
+      onChange: (w) => ie(P, w)
+    })
+  ], dt = (w) => {
+    const _ = String(w[0]);
+    if (_ === Ke) {
+      Le();
       return;
     }
-    pe(M, !!h && u === N);
+    ge(_, !!y && d === P);
   };
-  return /* @__PURE__ */ G(xt, { children: [
-    /* @__PURE__ */ G(
-      mn,
+  return /* @__PURE__ */ H(Ft, { children: [
+    /* @__PURE__ */ H(
+      Un,
       {
         className: W({ collapsed: j }),
-        onClick: j ? () => s(e.id) : void 0,
+        onClick: j ? () => o(e.id) : void 0,
         children: [
-          p && /* @__PURE__ */ E(
-            he,
+          f && /* @__PURE__ */ E(
+            pe,
             {
               icon: "expand_more",
               className: W("collapse-toggle", { collapsed: j }),
               "data-tooltip": j ? "Expand panel" : "Collapse panel",
               "data-tooltip-delay": 0,
-              onClick: () => s(e.id)
+              onClick: () => o(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(hn, { children: /* @__PURE__ */ E("span", { children: C }) })
-          ) : D ? /* @__PURE__ */ E(pn, {}) : !R && /* @__PURE__ */ E(
-            S,
+            /* @__PURE__ */ E(Vn, { children: /* @__PURE__ */ E("span", { children: be }) })
+          ) : D ? /* @__PURE__ */ E($n, {}) : !I && /* @__PURE__ */ E(
+            g,
             {
-              options: Se,
-              value: [N],
-              sliceTypes: a.map((L) => L.value),
-              onChange: (L) => qe(L),
-              className: W("slicer-dropdown", { "single-option": Se.length === 1 }),
-              disableOpen: Se.length === 1
+              options: Ce,
+              value: [P],
+              sliceTypes: n.map((w) => w.value),
+              onChange: (w) => dt(w),
+              className: W("slicer-dropdown", { "single-option": Ce.length === 1 }),
+              disableOpen: Ce.length === 1
             }
           ),
-          j && /* @__PURE__ */ E(un, { rowSelection: Z, sliceMap: $ }),
-          /* @__PURE__ */ G(
-            fn,
+          j && /* @__PURE__ */ E(jn, { rowSelection: V, sliceMap: ce }),
+          /* @__PURE__ */ H(
+            zn,
             {
-              className: W({ searching: R }),
-              onClick: (L) => L.stopPropagation(),
+              className: W({ searching: I }),
+              onClick: (w) => w.stopPropagation(),
               children: [
+                !j && !I && /* @__PURE__ */ H(_e, { children: [
+                  /* @__PURE__ */ E(
+                    pe,
+                    {
+                      icon: "more_horiz",
+                      id: ue,
+                      className: W("slicer-menu", { active: lt }),
+                      "data-tooltip": "More",
+                      "data-tooltip-delay": 0,
+                      onClick: () => je(ue)
+                    }
+                  ),
+                  /* @__PURE__ */ E(Xt, { targetId: ue, id: ue, align: "left", children: /* @__PURE__ */ E(Zt, { menu: ct, onClose: () => je(!1) }) })
+                ] }),
                 !j && /* @__PURE__ */ E(
-                  sn,
+                  An,
                   {
-                    open: R,
-                    value: _,
-                    subject: ce,
-                    onChange: d
+                    open: I,
+                    value: A,
+                    subject: O,
+                    onChange: m
                   }
                 ),
-                z && /* @__PURE__ */ E(
-                  cn,
+                F && /* @__PURE__ */ E(
+                  Nn,
                   {
                     topics: ["entity.folder.created"],
                     onSync: async () => {
-                      await ae();
+                      await re();
                     },
                     hideWhenNoUpdates: !0
                   }
                 ),
-                be && h && !R && /* @__PURE__ */ E(
-                  he,
+                Se && y && !I && /* @__PURE__ */ E(
+                  pe,
                   {
                     icon: "splitscreen_add",
                     className: W({ "power-feature": !q }),
                     "data-tooltip": q ? "Split slicer" : "Power feature - Slicer",
                     "data-tooltip-delay": 0,
-                    onClick: De
+                    onClick: Le
                   }
                 ),
-                !h && !R && /* @__PURE__ */ E(
-                  he,
+                !y && !I && /* @__PURE__ */ E(
+                  pe,
                   {
                     icon: "close",
                     "data-tooltip": "Remove panel",
                     "data-tooltip-delay": 0,
-                    onClick: () => i(e.id)
+                    onClick: () => r(e.id)
                   }
                 )
               ]
@@ -1302,35 +1429,35 @@ const rn = (e, t, a) => {
       }
     ),
     !j && /* @__PURE__ */ E(
-      It,
+      jt,
       {
-        rowSelection: Z,
-        onRowSelectionChange: B,
-        expanded: ee,
-        setExpanded: te,
-        data: $,
+        rowSelection: V,
+        onRowSelectionChange: te,
+        expanded: le,
+        setExpanded: L,
+        data: ce,
         children: /* @__PURE__ */ E(
-          Ct,
+          $t,
           {
-            data: le,
-            isExpandable: fe,
-            isLoading: ne || D,
-            forceUpdateTable: N,
-            globalFilter: _,
+            data: G,
+            isExpandable: ne,
+            isLoading: de || D,
+            forceUpdateTable: P,
+            globalFilter: A,
             rowIdPrefix: `slicer-${e.id}`,
-            onRename: z ? (L, M) => J.onRename(M.original) : void 0,
-            renamingId: z ? J.renamingRow?.id : null,
-            renameInitialValue: z ? J.renameInitialValue : void 0,
-            onSubmitRename: z ? (L, M) => J.onSubmitRename(M) : void 0,
-            onCancelRename: z ? J.onCancelRename : void 0,
-            onRowOptionClick: z ? J.onOptionClick : void 0,
-            rowContextMenuBuilders: We
+            onRename: F ? (w, _) => $.onRename(_.original) : void 0,
+            renamingId: F ? $.renamingRow?.id : null,
+            renameInitialValue: F ? $.renameInitialValue : void 0,
+            onSubmitRename: F ? (w, _) => $.onSubmitRename(_) : void 0,
+            onCancelRename: F ? $.onCancelRename : void 0,
+            onRowOptionClick: F ? $.onOptionClick : void 0,
+            rowContextMenuBuilders: it
           }
         )
       }
     )
   ] });
-}, gn = V.div`
+}, Bn = U.div`
   height: 100%;
   width: 100%;
   overflow-y: auto;
@@ -1344,133 +1471,139 @@ const rn = (e, t, a) => {
     }
   `
 ).join("")}
-`, ls = ({
+`, js = ({
   sliceFields: e = [],
   entityTypes: t = ["task"],
-  pinnedSliceType: a,
-  countsSource: r,
-  onAddToList: u,
-  enableSplit: l
+  pinnedSliceType: n,
+  countsSource: s,
+  onAddToList: d,
+  enableSplit: c
 }) => {
-  const { slices: m, page: b, setPanelExpanded: f, projectName: p, collapsedPanels: h } = Ie(), { powerLicense: w } = we(), d = !!l, S = d && w ? m : m.slice(0, 1), [g, i] = U(null), c = A((I) => {
-    i("entities" in I ? I : { entities: [I] });
-  }, []), s = A(() => {
-    i(null);
-  }, []), { getParentFolderIds: o } = Ce(), y = A(
-    (I) => {
-      const k = [I, ...o(I)];
-      f(
+  const { slices: p, page: h, setPanelExpanded: l, projectName: f, collapsedPanels: y } = Me(), { powerLicense: C } = Oe(), m = !!c, g = m && C ? p : p.slice(0, 1), [S, r] = z(null), u = N((L) => {
+    r("entities" in L ? L : { entities: [L] });
+  }, []), o = N(() => {
+    r(null);
+  }, []), { getParentFolderIds: i } = Pe(), b = N(
+    (L) => {
+      const R = [L, ...i(L)];
+      l(
         "hierarchy",
-        (P) => typeof P == "boolean" ? P || Object.fromEntries(k.map((K) => [K, !0])) : {
-          ...P,
-          ...Object.fromEntries(k.map((K) => [K, !0]))
+        (k) => typeof k == "boolean" ? k || Object.fromEntries(R.map((Q) => [Q, !0])) : {
+          ...k,
+          ...Object.fromEntries(R.map((Q) => [Q, !0]))
         }
       );
     },
-    [o, f]
-  ), n = ye(null), [x, T] = U(0);
+    [i, l]
+  ), a = Ie(null), [x, T] = z(0);
   se(() => {
-    const I = n.current;
-    if (!I) return;
-    const k = new ResizeObserver(([P]) => T(P.contentRect.height));
-    return k.observe(I), () => k.disconnect();
-  }, [S.length]);
-  const v = S.map((I) => I.id), D = S.length > 1, {
-    sizes: H,
-    minSize: oe,
-    height: ae,
-    layoutKey: q,
+    const L = a.current;
+    if (!L) return;
+    const R = new ResizeObserver(([k]) => T(k.contentRect.height));
+    return R.observe(L), () => R.disconnect();
+  }, [g.length]);
+  const v = g.map((L) => L.id), D = g.length > 1, {
+    sizes: K,
+    minSize: ae,
+    height: oe,
+    layoutKey: Z,
     handleResizeEnd: ie
-  } = zt(b, v, D ? h : [], x), Z = v.slice(0, -1).map(
-    (I, k) => D && (h.includes(I) || h.includes(v[k + 1])) ? k : -1
-  ).filter((I) => I >= 0), [ee, B] = U({}), te = A(
-    (I, k) => B((P) => ({ ...P, [I]: k })),
+  } = mn(h, v, D ? y : [], x), re = v.slice(0, -1).map(
+    (L, R) => D && (y.includes(L) || y.includes(v[R + 1])) ? R : -1
+  ).filter((L) => L >= 0), [q, ee] = z({}), V = N(
+    (L, R) => ee((k) => ({ ...k, [L]: R })),
     []
-  ), Q = v.join("|");
+  ), le = v.join("|");
   se(() => {
-    B((I) => {
-      const k = Object.keys(I).filter((P) => v.includes(P));
-      return k.length === Object.keys(I).length ? I : Object.fromEntries(k.map((P) => [P, I[P]]));
+    ee((L) => {
+      const R = Object.keys(L).filter((k) => v.includes(k));
+      return R.length === Object.keys(L).length ? L : Object.fromEntries(R.map((k) => [k, L[k]]));
     });
-  }, [Q]);
-  const Y = {
-    visibleSlices: S,
+  }, [le]);
+  const te = {
+    visibleSlices: g,
     canCollapse: D,
     sliceFields: e,
     entityTypes: t,
-    pinnedSliceType: a,
-    countsSource: r,
-    onAddToList: u,
-    openMoveDialog: c,
-    splitEnabled: d
+    pinnedSliceType: n,
+    countsSource: s,
+    onAddToList: d,
+    openMoveDialog: u,
+    splitEnabled: m
   };
-  return /* @__PURE__ */ G($e, { children: [
-    S.length === 1 ? /* @__PURE__ */ E(
-      Fe,
+  return /* @__PURE__ */ H(_e, { children: [
+    g.length === 1 ? /* @__PURE__ */ E(
+      qe,
       {
-        panel: S[0],
+        panel: g[0],
         isPrimary: !0,
-        search: ee[S[0].id],
-        onSearchChange: (I) => te(S[0].id, I),
-        ...Y
+        search: q[g[0].id],
+        onSearchChange: (L) => V(g[0].id, L),
+        ...te
       }
-    ) : /* @__PURE__ */ E(gn, { ref: n, $deadGutters: Z, children: /* @__PURE__ */ E(
-      et,
+    ) : /* @__PURE__ */ E(Bn, { ref: a, $deadGutters: re, children: /* @__PURE__ */ E(
+      gt,
       {
         layout: "vertical",
         onResizeEnd: ie,
         style: {
           width: "100%",
-          height: ae,
+          height: oe,
           overflow: "hidden"
         },
-        children: S.map((I, k) => /* @__PURE__ */ E(
-          tt,
+        children: g.map((L, R) => /* @__PURE__ */ E(
+          yt,
           {
-            size: H[k],
-            minSize: oe,
+            size: K[R],
+            minSize: ae,
             style: { overflow: "hidden" },
             children: /* @__PURE__ */ E(
-              Fe,
+              qe,
               {
-                panel: I,
-                isPrimary: k === 0,
-                search: ee[I.id],
-                onSearchChange: (P) => te(I.id, P),
-                ...Y
+                panel: L,
+                isPrimary: R === 0,
+                search: q[L.id],
+                onSearchChange: (k) => V(L.id, k),
+                ...te
               }
             )
           },
-          I.id
+          L.id
         ))
       },
-      q
+      Z
     ) }),
     /* @__PURE__ */ E(
-      Vt,
+      gn,
       {
-        projectName: p,
-        movingEntities: g,
-        onClose: s,
-        onMoveComplete: y
+        projectName: f,
+        movingEntities: S,
+        onClose: o,
+        onMoveComplete: b
       }
     )
   ] });
 };
 export {
-  At as S,
-  Be as a,
-  Me as b,
-  $t as c,
-  ls as d,
-  Wt as e,
-  Ft as f,
-  Ae as g,
-  on as h,
-  en as i,
-  zt as j,
-  rs as k,
-  cn as l,
-  jt as r,
-  qt as u
+  ln as S,
+  st as a,
+  Be as b,
+  fn as c,
+  et as d,
+  js as e,
+  vn as f,
+  pn as g,
+  He as h,
+  tt as i,
+  Ne as j,
+  un as k,
+  _n as l,
+  Dn as m,
+  mn as n,
+  Fs as o,
+  Nn as p,
+  rn as q,
+  Ns as r,
+  on as s,
+  In as u
 };