@ynput/ayon-frontend-shared 0.6.0 → 0.6.2

package/dist/chunks/Slicer.es.js

@@ -2,130 +2,139 @@ 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 xe, n as me } from "./entityDefinitions.es.js";
-import { u as ze } from "./useSessionStorage.es.js";
-import { a as Ce } from "./useLocalStorage.es.js";
-import { u as we } from "./ProjectFoldersContext.es.js";
-import { E as nt, u as st } from "./EntityPickerDialog.es.js";
-import { toast as De } from "react-toastify";
-import { be as Re, bq as ot, bg as Ue, bo as at } from "./searchTerms.es.js";
-import { dl as Ve, cF as it, bS as rt, by as lt } from "./getUris.es.js";
+import { h as nt, P as st, d as Ie, U as ze } from "./MetaWidget.es.js";
+import "@module-federation/enhanced/runtime";
+import { bi as Re, br as ot, bj as Ue, bp as at, bu as it } from "./searchTerms.es.js";
+import { dl as Ve, cF as rt, bS as lt, by as ct } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { g as ct, P as dt, U as He } from "./MetaWidget.es.js";
+import { q as He, y as Ce, x as ue, d as dt, a as we, v as ut, a5 as pt, a4 as ft, u as mt, ac as ht } from "./DeleteEntitiesContextInstance.es.js";
 import "lodash";
+import { toast as ke } from "react-toastify";
 import "uuid";
-import { b as he, H as ut, a as pt, d as ft, S as mt } from "./SimpleTable.es.js";
-import { a as ue } from "./ProjectContext.es.js";
-import { u as ht } from "./GlobalContext.es.js";
-import { u as gt, a as yt } from "./useAttributeEnums.es.js";
-import { g as ge } from "./getEntityTypeIcon.es.js";
-import { b as bt, s as St } from "./buildHierarchicalTableRows.es.js";
-import { g as Tt } from "./parseHtmlToPlainTextWithLinks.es.js";
-import { InputText as vt, Button as It, Icon as xt } from "@ynput/ayon-react-components";
-import W from "clsx";
-import { u as Ct } from "./NewEntityContext.es.js";
-import { a as wt, K as Lt } from "./platform.es.js";
-import { u as Et } from "./DetailsPanelContext.es.js";
-import { g as kt } from "./DeleteEntitiesContext.es.js";
-import { u as Dt } from "./VersionUploadContext.es.js";
-import { u as Rt, b as Pt, F as Pe } from "./EntityUpdatesContext.es.js";
-import "./MenuItem.es.js";
-import "@module-federation/enhanced/runtime";
 import "semver";
-import { u as Mt } from "./MenuContext.es.js";
+import { InputText as gt, Button as yt, Icon as bt } from "@ynput/ayon-react-components";
+import "./ContextMenuContextInstance.es.js";
+import W from "clsx";
 import "react-dom";
-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);
+import "react-redux";
+import { E as St, u as Tt } from "./EntityPickerDialog.es.js";
+import "./PlayableIcon.es.js";
+import "date-fns";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "match-sorter";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import "react-router-dom";
+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 "./parseHtmlToPlainTextWithLinks.es.js";
+import { u as Lt, a as Et } from "./useAttributeEnums.es.js";
+import { b as Dt, s as Rt } from "./buildHierarchicalTableRows.es.js";
+import { n as me } from "./entityDefinitions.es.js";
+import { a as kt, 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);
   }
-  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) => {
+  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));
+}, Ft = (e, t, a = [], r = 0, u = At) => {
   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,
+  const l = t.filter((g) => !a.includes(g)).length, m = (t.length - l) * Ge, b = r && l ? Math.min(
+    u,
     Math.max(
       Be,
-      Math.floor((r - f) / l)
+      Math.floor((r - m) / 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);
+  ) : 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);
   return {
-    heights: b,
-    mins: m,
-    sizes: b.map((h) => h / u * 100),
+    heights: S,
+    mins: f,
+    sizes: S.map((g) => g / d * 100),
     // primereact must allow the drag past the min; clampDraggedHeights puts it back
     minSize: 2,
-    height: u
+    height: d
   };
-}, Ft = (e, t, a) => {
-  const r = e.map((m, p) => Math.max(m / 100 * t, a[p])), d = Math.max(
+}, jt = (e, t, a) => {
+  const r = e.map((f, p) => Math.max(f / 100 * t, a[p])), u = Math.max(
     t,
-    a.reduce((m, p) => m + p, 0)
-  ), l = r.reduce((m, p) => m + p, 0) - d;
+    a.reduce((f, p) => f + p, 0)
+  ), l = r.reduce((f, p) => f + p, 0) - u;
   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;
-}, jt = "slicer-splitter", Me = {
+  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 = {
   minSize: 2,
   size: 12
-}, Xn = () => {
-  const [e, t] = ze(jt, [
+}, ls = () => {
+  const [e, t] = He($t, [
     Me.size,
     100 - Me.size
   ]);
   return [e, (r) => {
     t(r.sizes);
   }];
-}, $t = (e, t, a = [], r = 0) => {
-  const [d, l] = ze(
+}, zt = (e, t, a = [], r = 0) => {
+  const [u, l] = He(
     `slicer-panel-heights-${e}`,
     {}
-  ), [f, S] = U(0), m = Array.isArray(d) ? {} : d, {
+  ), [m, b] = U(0), f = Array.isArray(u) ? {} : u, {
     sizes: p,
-    mins: g,
-    minSize: L,
-    height: u,
-    heights: b
-  } = Nt(m, t, a, r), h = (i) => {
-    const c = Ft(i.sizes, u, g);
+    mins: h,
+    minSize: w,
+    height: d,
+    heights: S
+  } = Ft(f, t, a, r), g = (i) => {
+    const c = jt(i.sizes, d, h);
     l({
-      ...m,
+      ...f,
       ...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);
+      (o, y) => Math.abs(o - i.sizes[y] / 100 * d) > 1
+    ) && b((o) => o + 1);
   };
   return {
     sizes: p,
-    minSize: L,
-    height: u,
-    panelHeights: b,
-    layoutKey: `${t.join("|")}#${a.join("|")}#${f}`,
-    handleResizeEnd: h
+    minSize: w,
+    height: d,
+    panelHeights: S,
+    layoutKey: `${t.join("|")}#${a.join("|")}#${m}`,
+    handleResizeEnd: g
   };
-}, zt = ({
+}, Ut = ({
   projectName: e,
   movingEntities: t,
   onClose: a,
   onMoveComplete: r
 }) => {
-  const [d] = Ve(), l = ct(), { folders: f } = we(), S = l?.tableData || [], m = A(
-    (h) => l?.getEntityById(h) || f.find((i) => i.id === h),
-    [f, l]
+  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 (h) => {
-      if (!t || h.length === 0) return;
-      const i = h[0];
+    async (g) => {
+      if (!t || g.length === 0) return;
+      const i = g[0];
       try {
         const c = t.entities.map(
           (y, n) => ({
@@ -135,7 +144,7 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
             entityId: y.entityId,
             data: y.entityType === "folder" ? { parentId: i } : { folderId: i }
           })
-        ), o = (await d({
+        ), o = (await u({
           projectName: e,
           operationsRequestModel: {
             operations: c
@@ -158,16 +167,16 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
             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`;
           }
-        De.error(s);
+        ke.error(s);
       } finally {
         a();
       }
     },
-    [t, e, d, a, r]
-  ), g = A(async () => {
+    [t, e, u, a, r]
+  ), h = A(async () => {
     if (t)
       try {
-        const h = t.entities.map(
+        const g = t.entities.map(
           (s, o) => ({
             id: `move-to-root-${s.entityId}-${Date.now()}-${o}`,
             type: "update",
@@ -175,177 +184,177 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
             entityId: s.entityId,
             data: s.entityType === "folder" ? { parentId: null } : { folderId: null }
           })
-        ), c = (await d({
+        ), c = (await u({
           projectName: e,
           operationsRequestModel: {
-            operations: h
+            operations: g
           }
         }).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 = Re(h) || "Failed to move entities to root";
-        De.error(i);
+      } catch (g) {
+        let i = Re(g) || "Failed to move entities to root";
+        ke.error(i);
       } finally {
         a();
       }
-  }, [t, e, d, a]), L = A(() => {
+  }, [t, e, u, a]), w = A(() => {
     if (!t) return [];
-    const h = [];
+    const g = [];
     return t.entities.forEach((i) => {
-      h.push(i.entityId);
-    }), f.forEach((i) => {
+      g.push(i.entityId);
+    }), m.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(
+        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
         ) : !1;
-      }) && h.push(i.id);
-    }), [...new Set(h)];
-  }, [t, f, S, m]), u = A(
-    (h) => {
+      }) && g.push(i.id);
+    }), [...new Set(g)];
+  }, [t, m, b, f]), d = A(
+    (g) => {
       if (!t) return;
       if (t.entities.some(
-        (y) => y.entityType === "folder" && y.entityId === h
+        (y) => y.entityType === "folder" && y.entityId === g
       ))
         return "Cannot move folder to itself";
       if (t.entities.some(
-        (y) => y.currentParentId === h
+        (y) => y.currentParentId === g
       ))
         return "Cannot move to the same location";
-      const s = f.find((y) => y.id === h);
+      const s = m.find((y) => y.id === g);
       if (s) {
         const y = t.entities.find((n) => {
-          const I = m(n.entityId);
-          return I?.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 === I.name && v.entityId !== n.entityId
+          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
           ) : !1;
         });
         if (y)
-          return `Cannot move "${m(y.entityId)?.name || "Entity"}" - an entity with the same name already exists in this folder`;
+          return `Cannot move "${f(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]);
+    [t, m, b, f]
+  ), S = O(() => t?.entities.every((g) => g.entityType === "folder") || !1, [t]);
   return {
     handleMoveSubmit: p,
-    handleMoveToRoot: g,
-    getDisabledFolderIds: L,
-    getDisabledMessage: u,
-    canMoveToRoot: b
+    handleMoveToRoot: h,
+    getDisabledFolderIds: w,
+    getDisabledMessage: d,
+    canMoveToRoot: S
   };
-}, Ut = ({
+}, Vt = ({
   projectName: e,
   movingEntities: t,
   onClose: a,
   onMoveComplete: r
 }) => {
-  const { handleMoveSubmit: d, handleMoveToRoot: l, getDisabledFolderIds: f, getDisabledMessage: S } = zt({
+  const { handleMoveSubmit: u, handleMoveToRoot: l, getDisabledFolderIds: m, getDisabledMessage: b } = Ut({
     projectName: e,
     movingEntities: t ?? null,
     onClose: a,
     onMoveComplete: r
   });
   return t?.entities.length ? /* @__PURE__ */ E(
-    nt,
+    St,
     {
       projectName: e,
       entityType: "folder",
-      onSubmit: d,
+      onSubmit: u,
       onClose: a,
       showMoveToRoot: t.entities.every(
-        (m) => m.entityType === "folder"
+        (f) => f.entityType === "folder"
       ),
       onMoveToRoot: l,
-      disabledIds: f(),
-      getDisabledMessage: S
+      disabledIds: m(),
+      getDisabledMessage: b
     }
   ) : null;
-}, Vt = ({ projectName: e, useExtraSlices: t }) => {
-  const [a, { isLoading: r, isFetching: d }] = it(), { formatAssignees: l } = t();
+}, Ht = ({ projectName: e, useExtraSlices: t }) => {
+  const [a, { isLoading: r, isFetching: u }] = rt(), { formatAssignees: l } = t();
   return {
     getData: async () => {
-      const S = await a({ projectName: e || "" }, !0).unwrap();
-      return l(S);
+      const b = await a({ projectName: e || "" }, !0).unwrap();
+      return l(b);
     },
-    isLoading: r || d
+    isLoading: r || u
   };
-}, 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(
+}, 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) => ot(c.icon ?? void 0) ? { ...c, icon: void 0, img: c.icon, imgShape: "circle" } : c
   ) : void 0, isLoading: a };
-}, Bt = ({ entityTypes: e, request: t }) => {
+}, Gt = ({ entityTypes: e, request: t }) => {
   const {
     attributes: a,
     isLoading: { siteInfo: r }
-  } = ht(), d = Ye(dt), l = d?.attribFields?.length ? d.attribFields : a, { projectName: f } = ue();
-  return { attributes: gt(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: at(p.data.enum) } } : p
+  } = dt(), 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: at(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) => {
+}, 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();
-}), Wt = (e = !0) => {
-  const { projectName: t } = ue(), { powerLicense: a } = Ce(), {
+}), qt = (e = !0) => {
+  const { projectName: t } = ue(), { powerLicense: a } = we(), {
     data: r,
-    isLoading: d,
+    isLoading: u,
     isFetching: l
-  } = rt(
+  } = lt(
     { projectName: t || "" },
     {
       initialPageParam: { cursor: "" },
       skip: !t || !e
     }
-  ), { data: f = [], isLoading: S } = lt(
+  ), { data: m = [], isLoading: b } = ct(
     { projectName: t || "" },
     { skip: !t || !a || !e }
-  ), m = O(() => {
+  ), f = 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, {
+    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,
           children: /* @__PURE__ */ new Map(),
           items: [],
           hasAnyItems: !1
-        }), n.parentId || b.add(n.id);
-      for (const n of f)
-        if (n.parentId && u.has(n.parentId)) {
-          const I = u.get(n.parentId), T = u.get(n.id);
-          I.children.set(n.id, T);
+        }), 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);
         }
-      const h = [];
-      for (const n of L) {
-        const I = n.entityListFolderId;
-        if (I && u.has(I)) {
-          const T = u.get(I);
+      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;
         } else
-          h.push(n);
+          g.push(n);
       }
-      for (const n of u.values())
+      for (const n of d.values())
         if (n.hasAnyItems) {
-          let I = n.folder;
-          for (; I.parentId; ) {
-            const T = u.get(I.parentId);
+          let x = n.folder;
+          for (; x.parentId; ) {
+            const T = d.get(x.parentId);
             if (T)
-              T.hasAnyItems = !0, I = T.folder;
+              T.hasAnyItems = !0, x = T.folder;
             else
               break;
           }
         }
-      const i = (n, I, T = []) => ({
+      const i = (n, x, T = []) => ({
         id: n.id,
         name: n.label,
         label: n.label,
@@ -359,73 +368,73 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
           entityType: n.entityType,
           listId: n.id
         }
-      }), c = (n) => n.sort((I, T) => {
-        const v = f.findIndex((H) => H.id === I.id), k = f.findIndex((H) => H.id === T.id);
-        return v === -1 && k === -1 ? I.folder.label.localeCompare(T.folder.label) : v === -1 ? 1 : k === -1 ? -1 : v - k;
+      }), c = (n) => n.sort((x, T) => {
+        const v = m.findIndex((H) => H.id === x.id), D = m.findIndex((H) => H.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 I = n.items.map((T) => T.id);
+        const x = n.items.map((T) => T.id);
         for (const T of n.children.values())
-          I.push(...s(T));
-        return I;
-      }, o = bt({
-        folderNodes: u,
-        rootFolderIds: b,
+          x.push(...s(T));
+        return x;
+      }, o = Dt({
+        folderNodes: d,
+        rootFolderIds: S,
         showEmptyFolders: !1,
-        buildFolderRowId: Kt,
+        buildFolderRowId: Wt,
         createItemRow: i,
         sortFolderNodes: c,
         sortItems: ve,
         getFolderLabel: (n) => n.label,
-        getFolderIcon: (n) => n.data?.icon || Gt,
+        getFolderIcon: (n) => n.data?.icon || Kt,
         getFolderColor: (n) => n.data?.color,
-        getItemCount: (n) => n.items.length + Array.from(n.children.values()).reduce((I, T) => I + T.items.length, 0)
+        getItemCount: (n) => n.items.length + Array.from(n.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 = u.get(T);
+          const T = n.id.substring((de + "-").length), v = d.get(T);
           v && (n.data = { ...n.data, childListIds: s(v) });
         }
-        const I = [...n.subRows || []];
-        for (; I.length > 0; ) {
-          const T = I.shift();
+        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) });
+            const v = T.id.substring((de + "-").length), D = d.get(v);
+            D && (T.data = { ...T.data, childListIds: s(D) });
           }
-          T.subRows && I.push(...T.subRows);
+          T.subRows && x.push(...T.subRows);
         }
       }
-      const y = ve(h).map((n) => i(n));
+      const y = ve(g).map((n) => i(n));
       return [...o, ...y];
     }
-    return ve(L).map((u) => ({
-      id: u.id,
-      name: u.label,
-      label: u.label,
-      icon: _e(u),
+    return ve(w).map((d) => ({
+      id: d.id,
+      name: d.label,
+      label: d.label,
+      icon: _e(d),
       subRows: [],
       data: {
-        id: u.id,
-        name: u.label,
-        label: u.label,
-        entityType: u.entityType,
-        listId: u.id
+        id: d.id,
+        name: d.label,
+        label: d.label,
+        entityType: d.entityType,
+        listId: d.id
       }
     }));
-  }, [r, a, f]), p = a && f.length > 0;
+  }, [r, a, m]), p = a && m.length > 0;
   return {
-    getData: A(async () => m, [m]),
-    isLoading: d || l || S,
+    getData: A(async () => f, [f]),
+    isLoading: u || l || b,
     isExpandable: p
   };
-}, 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);
+}, 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);
   return {
-    ...d,
-    badge: l != null ? String(l) : d.badge,
-    subRows: d.subRows?.length ? Ke(d.subRows, t, a, r) : d.subRows
+    ...u,
+    badge: l != null ? String(l) : u.badge,
+    subRows: u.subRows?.length ? Ke(u.subRows, t, a, r) : u.subRows
   };
-}) : e, Qt = (e) => ({
+}) : e, Yt = (e) => ({
   id: "noValue",
   name: "noValue",
   label: `No ${e}`,
@@ -434,7 +443,7 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
   data: {
     id: "noValue"
   }
-}), Yt = (e) => ({
+}), Jt = (e) => ({
   id: "hasValue",
   name: "hasValue",
   label: `Some ${e}`,
@@ -484,28 +493,28 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
     value: "entityList",
     icon: "list_alt"
   }
-], Jt = ({
+], Xt = ({
   sliceFields: e,
   usedSliceTypes: t = [],
   entityTypes: a = [],
   counts: r,
-  filled: d = 0,
+  filled: u = 0,
   countsComplete: l = !1,
-  sliceType: f,
-  onSliceTypeChange: S
+  sliceType: m,
+  onSliceTypeChange: b
 }) => {
   const {
-    sliceType: m,
+    sliceType: f,
     onSliceTypeChange: p,
-    useExtraSlices: g,
-    isLoadingExtraSlices: L
-  } = xe(), u = f ?? m, b = S ?? p, { projectName: h } = ue(), { formatAttribute: i } = g(), c = e.filter((C) => Ae.some((R) => R.value === C.value)).map((C) => ({
+    useExtraSlices: h,
+    isLoadingExtraSlices: w
+  } = Ie(), d = m ?? f, S = b ?? p, { projectName: g } = ue(), { formatAttribute: i } = h(), c = e.filter((C) => Ae.some((k) => k.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(
+  })), s = e.some((C) => C.value === "attributes"), o = d?.startsWith("attrib.") ? d.slice(7) : void 0, y = O(
     () => o ? [o] : [],
     [o]
-  ), { attributes: n, isLoading: I } = Bt({
+  ), { attributes: n, isLoading: x } = Gt({
     entityTypes: a,
     request: y
   });
@@ -513,7 +522,7 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
     (C) => c.push({
       label: C.data.title || C.name,
       value: "attrib." + C.name,
-      icon: Tt(C.name, C.data.type, Ue(C.data))
+      icon: wt(C.name, C.data.type, Ue(C.data))
     })
   );
   const [T, v] = U(!1), H = !!n.find((C) => C.name === o)?.enumIsLoading, {
@@ -524,37 +533,37 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
     getProductTypes: Z,
     getAttribute: ee,
     isLoading: B
-  } = Ht({ scopes: a, useExtraSlices: g }), {
+  } = Bt({ scopes: a, useExtraSlices: h }), {
     data: te,
     getData: Q,
     isFetching: Y
-  } = st({
-    projectName: h || "",
+  } = Tt({
+    projectName: g || "",
     folderTypes: oe?.folderTypes || [],
     includeColors: !0
-  }), { getData: x, isLoading: D } = Vt({
-    projectName: h,
-    useExtraSlices: g
+  }), { getData: I, isLoading: R } = Ht({
+    projectName: g,
+    useExtraSlices: h
   }), {
     getData: P,
     isLoading: K,
     isExpandable: re
-  } = Wt(u === "entityList"), j = Y || B || D || L && u !== "hierarchy" || K && u === "entityList" || I || H, N = {
+  } = qt(d === "entityList"), j = Y || B || R || w && d !== "hierarchy" || K && d === "entityList" || x || H, N = {
     hierarchy: {
       getData: Q,
       isLoading: Y,
       isExpandable: !0
     },
     assignees: {
-      getData: x,
-      isLoading: D,
+      getData: I,
+      isLoading: R,
       isExpandable: !1,
       noValue: !0,
       hasValue: !0
     },
     author: {
-      getData: x,
-      isLoading: D,
+      getData: I,
+      isLoading: R,
       isExpandable: !1
     },
     status: {
@@ -586,23 +595,23 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
   for (const C of n)
     N["attrib." + C.name] = {
       getData: () => ee(C),
-      isLoading: I || !!C.enumIsLoading,
+      isLoading: x || !!C.enumIsLoading,
       isExpandable: !1,
       isAttribute: !0
     };
-  const pe = { data: [], isExpandable: !1 }, [le, fe] = U(pe), $ = N[u], ne = c.find(
+  const pe = { data: [], isExpandable: !1 }, [le, fe] = U(pe), $ = N[d], ne = c.find(
     (C) => N[C.value] && !t.includes(C.value)
   )?.value;
   se(() => {
-    j || $ || !ne || b(ne, !1);
+    j || $ || !ne || S(ne, !1);
   }, [j, $, ne]);
-  const z = (C, R) => {
+  const z = (C, k) => {
     const _ = N[C];
     if (!_) {
       console.warn(`Slice type ${C} not found`);
       return;
     }
-    (_.isAttribute && s || e.some((ce) => ce.value === C)) && b(C, R);
+    (_.isAttribute && s || e.some((ce) => ce.value === C)) && S(C, k);
   };
   se(() => {
     if (j) return;
@@ -610,32 +619,32 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
       try {
         if (!$) return;
         v(!0);
-        const R = await $.getData();
-        if (R === void 0)
+        const k = await $.getData();
+        if (k === 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."
-          ), b(ne ?? "hierarchy", !1), new Error("Slice data is undefined");
-        $.hasValue && R.unshift(Yt(u)), $.noValue && R.unshift(Qt(u)), fe({
-          data: R,
+          ), S(ne ?? "hierarchy", !1), new Error("Slice data is undefined");
+        $.hasValue && k.unshift(Jt(d)), $.noValue && k.unshift(Yt(d)), fe({
+          data: k,
           isExpandable: $.isExpandable
         });
-      } catch (R) {
-        console.error("Error fetching slice data:", R), fe(pe);
+      } catch (k) {
+        console.error("Error fetching slice data:", k), fe(pe);
       } finally {
         v(!1);
       }
     })();
-  }, [u, h, j, u === "hierarchy" ? te : null]);
+  }, [d, g, j, d === "hierarchy" ? te : null]);
   const F = O(
-    () => Ke(le.data, r, d, l),
-    [le.data, r, d, l]
+    () => Ke(le.data, r, u, l),
+    [le.data, r, u, l]
   ), Le = O(() => {
-    const C = /* @__PURE__ */ new Map(), R = [...F];
-    for (; R.length > 0; ) {
-      const _ = R.shift();
+    const C = /* @__PURE__ */ new Map(), k = [...F];
+    for (; k.length > 0; ) {
+      const _ = k.shift();
       if (_ && (C.set(_.id, _), _.subRows && _.subRows.length > 0))
         for (const ce of _.subRows)
-          R.push(ce);
+          k.push(ce);
     }
     return C;
   }, [F]);
@@ -643,28 +652,28 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
     sliceOptions: c,
     table: { ...le, data: F },
     sliceMap: Le,
-    isLoading: N[u] && N[u].isLoading || T || j,
-    sliceType: u,
+    isLoading: N[d] && N[d].isLoading || T || j,
+    sliceType: d,
     handleSliceTypeChange: z
   };
-}, 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 })),
+}, 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]
-  ), f = !!r || !e, S = e?.entity === "version" ? { entity: "version", groupBy: d, extraGroupBys: l, args: e.args, skip: f } : {
+  ), m = !!r || !e, b = e?.entity === "version" ? { entity: "version", groupBy: u, extraGroupBys: l, args: e.args, skip: m } : {
     entity: "task",
-    groupBy: d,
+    groupBy: u,
     extraGroupBys: l,
     args: e?.args ?? { projectName: "" },
-    skip: f
-  }, { counts: m, total: p, complete: g } = yt(S), L = m?.get(He)?.count ?? 0, u = Math.max(p - L, 0);
+    skip: m
+  }, { counts: f, total: p, complete: h } = Et(b), w = f?.get(ze)?.count ?? 0, d = Math.max(p - w, 0);
   return {
-    counts: f ? void 0 : m ?? (g ? Xt : void 0),
+    counts: m ? void 0 : f ?? (h ? Zt : void 0),
     total: p,
-    filled: u,
-    complete: !f && g
+    filled: d,
+    complete: !m && h
   };
-}, en = V.div`
+}, tn = V.div`
   display: flex;
   align-items: center;
 
@@ -672,46 +681,53 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
     flex: 1;
     min-width: 0;
   }
-`, tn = V(vt)`
+`, nn = V(gt)`
   flex: 1;
   min-width: 0;
   height: 28px;
   min-height: 28px;
-`, nn = ({ open: e, value: t, subject: a, onChange: r }) => {
-  const d = () => r(e ? void 0 : ""), l = (f) => {
-    f.key === "Escape" && r(void 0);
+`, 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 = it(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));
   };
-  return /* @__PURE__ */ G(en, { className: W({ open: e }), children: [
+  return /* @__PURE__ */ G(tn, { className: W({ open: e }), children: [
     e && /* @__PURE__ */ E(
-      tn,
+      nn,
       {
         value: t,
-        onChange: (f) => r(f.target.value),
+        onChange: (b) => r(b.target.value),
         placeholder: "Search",
         autoFocus: !0,
-        onKeyDown: l
+        onKeyDown: l,
+        onPaste: m
       }
     ),
     /* @__PURE__ */ E(
       he,
       {
         icon: e ? "close" : "search",
-        onClick: d,
+        onClick: u,
         className: W({ open: e }),
         "data-tooltip": e ? "Close search" : `Search ${a}`
       }
     )
   ] });
-}, Ie = (e, t) => {
-  e.toggleExpanded(t), e.subRows?.forEach((a) => Ie(a, t));
-}, Oe = (e) => e.map((t) => t.id).filter(Boolean), sn = (e, t, a, r) => {
-  const { onOpenNew: d } = Ct(), { projectName: l } = ue(), { setEntities: f } = Et(), S = Dt(), [m] = Ve(), { deleteEntities: p } = kt(), [g, L] = U(null), u = A(
+}, 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 } = ut(), b = _t(), [f] = Ve(), { deleteEntities: p } = pt(), [h, w] = U(null), d = A(
     (c, s) => s.map((o) => t?.get(o) || (o === c.id ? c : void 0)).filter((o) => !!o),
     [t]
-  ), b = O(
+  ), S = O(
     () => ({
       onShowDetails: (c, s = [c.id]) => {
-        f({
+        m({
           entityType: "folder",
           entities: s.map((o) => ({ id: o, projectName: l }))
         });
@@ -726,11 +742,11 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
           }))
         });
       },
-      onRename: (c) => L(c),
+      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 && S?.onOpenVersionUpload({
+        o && b?.onOpenVersionUpload({
           folderId: o,
           taskId: s ? c.id : void 0
         });
@@ -756,27 +772,27 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
       a,
       r,
       l,
-      f,
+      m,
       p,
-      S
+      b
     ]
-  ), h = A(
+  ), g = A(
     (c) => {
-      g && (m({
+      h && (f({
         projectName: l,
         operationsRequestModel: {
           operations: [
             {
               type: "update",
-              entityType: g.data?.entityType === "task" ? "task" : "folder",
-              entityId: g.id,
+              entityType: h.data?.entityType === "task" ? "task" : "folder",
+              entityId: h.id,
               data: { label: c }
             }
           ]
         }
-      }), L(null));
+      }), w(null));
     },
-    [l, g, m]
+    [l, h, f]
   );
   return {
     rowContextMenuBuilders: O(
@@ -784,25 +800,25 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
         (c, { row: s, selectedRows: o }) => ({
           label: "Show details",
           icon: "dock_to_left",
-          shortcut: wt("click", [Lt.Alt]),
-          command: () => b.onShowDetails(s.original, o)
+          shortcut: kt("click", [Pt.Alt]),
+          command: () => S.onShowDetails(s.original, o)
         }),
         (c, { row: s }) => ({
           label: "Rename label",
           icon: "titlecase",
           shortcut: "R",
-          command: () => b.onRename(s.original)
+          command: () => S.onRename(s.original)
         }),
         (c, { row: s }) => ({
           label: "Open in viewer",
           icon: "play_circle",
-          command: () => b.onOpenViewer(s.original),
+          command: () => S.onOpenViewer(s.original),
           hidden: !a
         }),
         (c, { selectedTableRows: s }) => ({
           label: "Expand all children",
           icon: "expand_all",
-          command: () => s.filter((o) => o.getCanExpand() && !o.getIsExpanded()).forEach((o) => Ie(o, !0)),
+          command: () => s.filter((o) => o.getCanExpand() && !o.getIsExpanded()).forEach((o) => xe(o, !0)),
           hidden: !s.some(
             (o) => o.getCanExpand() && !o.getIsExpanded()
           )
@@ -810,41 +826,41 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
         (c, { selectedTableRows: s }) => ({
           label: "Collapse all children",
           icon: "collapse_all",
-          command: () => s.filter((o) => o.getCanExpand() && o.getIsExpanded()).forEach((o) => Ie(o, !1)),
+          command: () => s.filter((o) => o.getCanExpand() && o.getIsExpanded()).forEach((o) => xe(o, !1)),
           hidden: !s.some(
             (o) => o.getCanExpand() && o.getIsExpanded()
           )
         }),
         (c, { row: s, selectedRows: o }) => {
-          const y = b.onAddToList?.(s.original, o);
+          const y = S.onAddToList?.(s.original, o);
           return y ? Array.isArray(y) ? y : [y] : void 0;
         },
         (c, { row: s }) => ({
           label: "Upload version",
           icon: "upload",
-          command: () => b.onUploadVersion(s.original)
+          command: () => S.onUploadVersion(s.original)
         }),
         (c, { row: s, selectedRows: o }) => ({
           label: "Move",
           icon: "drive_file_move",
-          command: () => b.onMove(u(s.original, o)),
+          command: () => S.onMove(d(s.original, o)),
           hidden: !r
         }),
         (c, { row: s, selectedRows: o }) => ({
           label: me.folder.createLabel,
           icon: me.folder.icon,
-          command: () => d?.("folder", {
+          command: () => u?.("folder", {
             parentFolderIds: Oe(
-              u(s.original, o)
+              d(s.original, o)
             )
           })
         }),
         (c, { row: s, selectedRows: o }) => ({
           label: me.task.createLabel,
           icon: me.task.icon,
-          command: () => d?.("task", {
+          command: () => u?.("task", {
             parentFolderIds: Oe(
-              u(s.original, o)
+              d(s.original, o)
             )
           })
         }),
@@ -852,19 +868,19 @@ const _t = 180, Be = 100, Ge = 34, At = (e, t = [], a = Be) => e.map((r) => t.in
           label: "Delete",
           icon: "delete",
           danger: !0,
-          command: () => b.onDelete(u(s.original, o))
+          command: () => S.onDelete(d(s.original, o))
         })
       ],
-      [b, u, d]
+      [S, d, u]
     ),
-    onOptionClick: b.onShowDetails,
-    onRename: b.onRename,
-    renamingRow: g,
-    renameInitialValue: g?.label || g?.name || "",
-    onSubmitRename: h,
-    onCancelRename: () => L(null)
+    onOptionClick: S.onShowDetails,
+    onRename: S.onRename,
+    renamingRow: h,
+    renameInitialValue: h?.label || h?.name || "",
+    onSubmitRename: g,
+    onCancelRename: () => w(null)
   };
-}, on = V(It)`
+}, an = V(yt)`
   /* put above the menu so it's still clickable */
   /* NOTE: this will need fixing as this also puts it above dialogs */
   /* z-index: 1001;  */
@@ -917,70 +933,70 @@ V.div`
     font-weight: 600;
   }
 `;
-const an = (e, t, a) => {
+const rn = (e, t, a) => {
   const r = `${t}${a === 1 ? "" : "s"}`;
   return e === "created" ? `new ${r}` : e === "deleted" ? `${r} deleted` : `${a} ${r} ${e.replaceAll("_", " ")}`;
-}, rn = (e) => {
+}, ln = (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,
+    const [, u, l] = r.topic.split(".");
+    if (!u || !l) return;
+    const m = `${u}.${l}`, b = t.get(m) || {
+      entityType: u,
       updateType: l,
       ids: /* @__PURE__ */ new Set()
     };
-    S.ids.add(r.entityId || String(r.id)), t.set(f, S);
+    b.ids.add(r.entityId || String(r.id)), t.set(m, b);
   }), `${Array.from(t.values()).map(
-    ({ entityType: r, updateType: d, ids: l }) => an(d, r, l.size)
+    ({ entityType: r, updateType: u, ids: l }) => rn(u, r, l.size)
   ).join(", ")} since last sync`;
-}, ln = Je(
-  ({ projectNames: e, topics: t, onSync: a, shouldSyncOnUpdate: r, hideWhenNoUpdates: d = !1, ...l }, f) => {
-    const [S, m] = U(!1), [p, g] = Rt(), { setMenuOpen: L } = Mt(), u = ye(null), b = ye(), h = Xe();
+}, cn = Je(
+  ({ projectNames: e, topics: t, onSync: a, shouldSyncOnUpdate: r, hideWhenNoUpdates: u = !1, ...l }, m) => {
+    const [b, f] = U(!1), [p, h] = ft(), { setMenuOpen: w } = mt(), d = ye(null), S = ye(), g = Xe();
     se(() => () => {
-      const v = b.current;
-      b.current = void 0, v !== void 0 && clearTimeout(v);
-    }, []), Ze(f, () => u.current, []);
+      const v = S.current;
+      S.current = void 0, v !== void 0 && clearTimeout(v);
+    }, []), Ze(m, () => d.current, []);
     const i = async () => {
-      m(!0);
+      f(!0);
       try {
         await a?.(c);
       } finally {
-        m(!1);
+        f(!1);
       }
-    }, { updates: c, hasUpdates: s } = Pt({
+    }, { updates: c, hasUpdates: s } = ht({
       projectNames: e,
       topics: t,
-      isSyncing: S,
+      isSyncing: b,
       shouldSyncOnUpdate: r
     });
     if (se(() => {
-      const v = (k) => {
-        k.repeat || !k.shiftKey || k.ctrlKey || k.metaKey || k.key.toLowerCase() !== "r" || St(k) || (k.preventDefault(), k.stopPropagation(), i());
+      const v = (D) => {
+        D.repeat || !D.shiftKey || D.ctrlKey || D.metaKey || D.key.toLowerCase() !== "r" || Rt(D) || (D.preventDefault(), D.stopPropagation(), i());
       };
       return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-    }, [i]), d && !s) return null;
-    const o = rn(c), y = Object.values(p).some(Boolean);
+    }, [i]), u && !s) return null;
+    const o = ln(c), y = Object.values(p).some(Boolean);
     Object.values(p).every(Boolean);
     const n = () => {
-      b.current && clearTimeout(b.current);
+      S.current && clearTimeout(S.current);
     };
     return /* @__PURE__ */ G($e, { children: [
       /* @__PURE__ */ E(
-        on,
+        an,
         {
           ...l,
           icon: "sync",
-          ref: u,
+          ref: d,
           onClick: i,
           onMouseEnter: () => {
-            n(), L(h);
+            n(), w(g);
           },
           onMouseLeave: () => {
-            n(), b.current = setTimeout(() => L(!1), 100);
+            n(), S.current = setTimeout(() => w(!1), 100);
           },
           className: W(l.className, {
-            syncing: S,
+            syncing: b,
             "has-updates": s,
             "auto-sync": y && !Pe
           }),
@@ -1000,7 +1016,7 @@ const an = (e, t, a) => {
   flex: 1;
   min-width: 0;
   color: var(--md-sys-color-outline);
-`, cn = V.span`
+`, dn = V.span`
   display: flex;
   align-items: center;
   gap: 2px;
@@ -1013,56 +1029,56 @@ const an = (e, t, a) => {
     border-radius: 50%;
     object-fit: cover;
   }
-`, dn = ({ rowSelection: e, sliceMap: t }) => {
-  const a = ye(null), [r, d] = U(0);
+`, 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]) => d(s.contentRect.width));
+    const c = new ResizeObserver(([s]) => u(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("|");
+  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(() => {
-    m(!0), L(l.length);
-  }, [r, u]), 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, k) => v.offsetLeft - i.offsetLeft + v.offsetWidth <= k;
+    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) {
-      S && c[0] && !o(c[0], i.clientWidth) && f(l[0]) && m(!1);
+      b && c[0] && !o(c[0], i.clientWidth) && m(l[0]) && f(!1);
       return;
     }
     const y = c[c.length - 1];
     if (y && o(y, i.clientWidth)) return;
-    const n = i.clientWidth - s, I = c.filter((v) => o(v, n)).length, T = Math.max(1, I);
-    T !== g && L(T);
+    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 b = l.slice(0, g), h = l.length - b.length;
+  const S = l.slice(0, h), g = l.length - S.length;
   return /* @__PURE__ */ G(Ne, { ref: a, children: [
-    b.map((i) => /* @__PURE__ */ G(
-      cn,
+    S.map((i) => /* @__PURE__ */ G(
+      dn,
       {
         "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(xt, { icon: i.icon, style: { color: i.iconColor } })),
-          !(p && f(i)) && /* @__PURE__ */ E("span", { children: i.label || i.name })
+          i.startContent ?? (i.img ? /* @__PURE__ */ E("img", { src: i.img, alt: "" }) : i.icon && /* @__PURE__ */ E(bt, { icon: i.icon, style: { color: i.iconColor } })),
+          !(p && m(i)) && /* @__PURE__ */ E("span", { children: i.label || i.name })
         ]
       },
       i.id
     )),
-    h > 0 && /* @__PURE__ */ G("span", { "data-overflow": !0, children: [
+    g > 0 && /* @__PURE__ */ G("span", { "data-overflow": !0, children: [
       "+",
-      h
+      g
     ] })
   ] });
-}, un = V.div`
+}, pn = V.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`, pn = V.div`
+`, fn = V.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1074,7 +1090,7 @@ const an = (e, t, a) => {
     flex: 1;
     min-width: 0;
   }
-`, fn = V(ut)`
+`, mn = V(vt)`
   .slicer-dropdown {
     flex: 0 1 auto;
     min-width: 48px;
@@ -1095,7 +1111,7 @@ const an = (e, t, a) => {
   .power-feature .icon {
     color: var(--md-sys-color-tertiary);
   }
-`, mn = V.div`
+`, hn = V.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1113,55 +1129,55 @@ const an = (e, t, a) => {
   visibleSlices: t,
   sliceFields: a,
   entityTypes: r = ["task"],
-  pinnedSliceType: d,
+  pinnedSliceType: u,
   countsSource: l,
-  onAddToList: f,
-  openMoveDialog: S,
-  splitEnabled: m,
+  onAddToList: m,
+  openMoveDialog: b,
+  splitEnabled: f,
   canCollapse: p,
-  isPrimary: g,
-  search: L,
-  onSearchChange: u
+  isPrimary: h,
+  search: w,
+  onSearchChange: d
 }) => {
   const {
-    SlicerDropdown: b,
-    addSlicePanel: h,
+    SlicerDropdown: S,
+    addSlicePanel: g,
     removeSlicePanel: i,
     collapsedPanels: c,
     togglePanelCollapsed: s,
     setPanelSliceType: o,
     getPanelSelection: y,
     setPanelSelection: n,
-    getPanelExpanded: I,
+    getPanelExpanded: x,
     setPanelExpanded: T,
     onSliceTypeChange: v,
-    isViewSyncPending: k,
+    isViewSyncPending: D,
     onOpenViewer: H,
     onAddToList: oe
-  } = xe(), { refetch: ae } = we(), { powerLicense: q, setPowerpackDialog: ie } = Ce(), Z = y(e.id), ee = I(e.id), B = (w) => {
-    n(e.id, w);
+  } = 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(
-    (w) => T(e.id, w),
+    (L) => T(e.id, L),
     [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 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 w.filter((X) => X === e.sliceType || M(l(X)) === Qe);
-  }, [l, Q, t, e.sliceType]), { counts: x, filled: D, complete: P } = Zt(
+    return L.filter((X) => X === e.sliceType || M(l(X)) === Qe);
+  }, [l, Q, t, e.sliceType]), { counts: I, filled: R, complete: P } = en(
     Q,
     e.sliceType,
     Y
   ), K = A(
-    (w, M) => {
-      g ? v(w, M) : o(e.id, w);
+    (L, M) => {
+      h ? v(L, M) : o(e.id, L);
     },
-    [g, v, o, e.id]
+    [h, v, o, e.id]
   ), re = O(
-    () => t.filter((w) => w.id !== e.id).map((w) => w.sliceType),
+    () => t.filter((L) => L.id !== e.id).map((L) => L.sliceType),
     [t, e.id]
   ), {
     sliceOptions: j,
@@ -1170,42 +1186,42 @@ const an = (e, t, a) => {
     table: { data: le, isExpandable: fe },
     sliceMap: $,
     isLoading: ne
-  } = Jt({
+  } = Xt({
     sliceFields: a,
     usedSliceTypes: re,
     entityTypes: r,
-    counts: x,
-    filled: D,
+    counts: I,
+    filled: R,
     countsComplete: P,
     sliceType: e.sliceType,
     onSliceTypeChange: K
-  }), z = N === "hierarchy", F = !!p && c.includes(e.id), C = j.find((w) => w.value === N)?.label || N, R = L !== void 0, _ = L ?? "", ce = z ? "Folders" : C, J = sn(
-    f || oe,
+  }), z = N === "hierarchy", F = !!p && c.includes(e.id), C = j.find((L) => L.value === N)?.label || N, k = w !== void 0, _ = w ?? "", ce = z ? "Folders" : C, J = on(
+    m || oe,
     $,
     H,
-    S
+    b
   ), We = z ? J.rowContextMenuBuilders : [], Ee = O(
-    () => j.map((w) => w.value).filter((w) => !t.some((M) => M.sliceType === w)),
+    () => j.map((L) => L.value).filter((L) => !t.some((M) => M.sliceType === L)),
     [j, t]
-  ), be = !!m && Ee.length > 0, Se = O(() => {
-    const w = j.map(
+  ), be = !!f && Ee.length > 0, Se = O(() => {
+    const L = j.map(
       (M) => re.includes(M.value) ? { ...M, disabled: !0, disabledMessage: "Already used by another panel" } : M
     );
-    return be && w.push({ label: "Split slicer", value: Fe, icon: "splitscreen_add" }), w;
-  }, [j, re, be]), ke = () => {
+    return be && L.push({ label: "Split slicer", value: Fe, icon: "splitscreen_add" }), L;
+  }, [j, re, be]), De = () => {
     if (!q) return ie("slicer");
-    h(Ee[0]);
-  }, qe = (w) => {
-    const M = String(w[0]);
+    g(Ee[0]);
+  }, qe = (L) => {
+    const M = String(L[0]);
     if (M === Fe) {
-      ke();
+      De();
       return;
     }
-    pe(M, !!g && d === N);
+    pe(M, !!h && u === N);
   };
-  return /* @__PURE__ */ G(pt, { children: [
+  return /* @__PURE__ */ G(xt, { children: [
     /* @__PURE__ */ G(
-      fn,
+      mn,
       {
         className: W({ collapsed: F }),
         onClick: F ? () => s(e.id) : void 0,
@@ -1223,36 +1239,36 @@ const an = (e, t, a) => {
           F ? (
             // 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, {}) : !R && /* @__PURE__ */ E(
-            b,
+            /* @__PURE__ */ E(hn, { children: /* @__PURE__ */ E("span", { children: C }) })
+          ) : D ? /* @__PURE__ */ E(pn, {}) : !k && /* @__PURE__ */ E(
+            S,
             {
               options: Se,
               value: [N],
-              sliceTypes: a.map((w) => w.value),
-              onChange: (w) => qe(w),
+              sliceTypes: a.map((L) => L.value),
+              onChange: (L) => qe(L),
               className: W("slicer-dropdown", { "single-option": Se.length === 1 }),
               disableOpen: Se.length === 1
             }
           ),
-          F && /* @__PURE__ */ E(dn, { rowSelection: Z, sliceMap: $ }),
+          F && /* @__PURE__ */ E(un, { rowSelection: Z, sliceMap: $ }),
           /* @__PURE__ */ G(
-            pn,
+            fn,
             {
-              className: W({ searching: R }),
-              onClick: (w) => w.stopPropagation(),
+              className: W({ searching: k }),
+              onClick: (L) => L.stopPropagation(),
               children: [
                 !F && /* @__PURE__ */ E(
-                  nn,
+                  sn,
                   {
-                    open: R,
+                    open: k,
                     value: _,
                     subject: ce,
-                    onChange: u
+                    onChange: d
                   }
                 ),
                 z && /* @__PURE__ */ E(
-                  ln,
+                  cn,
                   {
                     topics: ["entity.folder.created"],
                     onSync: async () => {
@@ -1261,17 +1277,17 @@ const an = (e, t, a) => {
                     hideWhenNoUpdates: !0
                   }
                 ),
-                be && g && !R && /* @__PURE__ */ E(
+                be && h && !k && /* @__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
+                    onClick: De
                   }
                 ),
-                !g && !R && /* @__PURE__ */ E(
+                !h && !k && /* @__PURE__ */ E(
                   he,
                   {
                     icon: "close",
@@ -1287,7 +1303,7 @@ const an = (e, t, a) => {
       }
     ),
     !F && /* @__PURE__ */ E(
-      ft,
+      It,
       {
         rowSelection: Z,
         onRowSelectionChange: B,
@@ -1295,18 +1311,18 @@ const an = (e, t, a) => {
         setExpanded: te,
         data: $,
         children: /* @__PURE__ */ E(
-          mt,
+          Ct,
           {
             data: le,
             isExpandable: fe,
-            isLoading: ne || k,
+            isLoading: ne || D,
             forceUpdateTable: N,
             globalFilter: _,
             rowIdPrefix: `slicer-${e.id}`,
-            onRename: z ? (w, M) => J.onRename(M.original) : void 0,
+            onRename: z ? (L, 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,
+            onSubmitRename: z ? (L, M) => J.onSubmitRename(M) : void 0,
             onCancelRename: z ? J.onCancelRename : void 0,
             onRowOptionClick: z ? J.onOptionClick : void 0,
             rowContextMenuBuilders: We
@@ -1315,7 +1331,7 @@ const an = (e, t, a) => {
       }
     )
   ] });
-}, hn = V.div`
+}, gn = V.div`
   height: 100%;
   width: 100%;
   overflow-y: auto;
@@ -1329,77 +1345,77 @@ const an = (e, t, a) => {
     }
   `
 ).join("")}
-`, Zn = ({
+`, cs = ({
   sliceFields: e = [],
   entityTypes: t = ["task"],
   pinnedSliceType: a,
   countsSource: r,
-  onAddToList: d,
+  onAddToList: u,
   enableSplit: l
 }) => {
-  const { slices: f, page: S, setPanelExpanded: m, projectName: p, collapsedPanels: g } = xe(), { powerLicense: L } = Ce(), u = !!l, b = u && L ? f : f.slice(0, 1), [h, i] = U(null), c = A((x) => {
-    i("entities" in x ? x : { entities: [x] });
+  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 } = we(), y = A(
-    (x) => {
-      const D = [x, ...o(x)];
-      m(
+  }, []), { getParentFolderIds: o } = Ce(), y = A(
+    (I) => {
+      const R = [I, ...o(I)];
+      f(
         "hierarchy",
-        (P) => typeof P == "boolean" ? P || Object.fromEntries(D.map((K) => [K, !0])) : {
+        (P) => typeof P == "boolean" ? P || Object.fromEntries(R.map((K) => [K, !0])) : {
           ...P,
-          ...Object.fromEntries(D.map((K) => [K, !0]))
+          ...Object.fromEntries(R.map((K) => [K, !0]))
         }
       );
     },
-    [o, m]
-  ), n = ye(null), [I, T] = U(0);
+    [o, f]
+  ), n = ye(null), [x, T] = U(0);
   se(() => {
-    const x = n.current;
-    if (!x) return;
-    const D = new ResizeObserver(([P]) => T(P.contentRect.height));
-    return D.observe(x), () => D.disconnect();
-  }, [b.length]);
-  const v = b.map((x) => x.id), k = b.length > 1, {
+    const I = n.current;
+    if (!I) return;
+    const R = new ResizeObserver(([P]) => T(P.contentRect.height));
+    return R.observe(I), () => R.disconnect();
+  }, [S.length]);
+  const v = S.map((I) => I.id), D = S.length > 1, {
     sizes: H,
     minSize: oe,
     height: ae,
     layoutKey: q,
     handleResizeEnd: ie
-  } = $t(S, v, k ? g : [], I), Z = v.slice(0, -1).map(
-    (x, D) => k && (g.includes(x) || g.includes(v[D + 1])) ? D : -1
-  ).filter((x) => x >= 0), [ee, B] = U({}), te = A(
-    (x, D) => B((P) => ({ ...P, [x]: D })),
+  } = zt(b, v, D ? h : [], x), Z = v.slice(0, -1).map(
+    (I, R) => D && (h.includes(I) || h.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((x) => {
-      const D = Object.keys(x).filter((P) => v.includes(P));
-      return D.length === Object.keys(x).length ? x : Object.fromEntries(D.map((P) => [P, x[P]]));
+    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,
+    visibleSlices: S,
+    canCollapse: D,
     sliceFields: e,
     entityTypes: t,
     pinnedSliceType: a,
     countsSource: r,
-    onAddToList: d,
+    onAddToList: u,
     openMoveDialog: c,
-    splitEnabled: u
+    splitEnabled: d
   };
   return /* @__PURE__ */ G($e, { children: [
-    b.length === 1 ? /* @__PURE__ */ E(
+    S.length === 1 ? /* @__PURE__ */ E(
       je,
       {
-        panel: b[0],
+        panel: S[0],
         isPrimary: !0,
-        search: ee[b[0].id],
-        onSearchChange: (x) => te(b[0].id, x),
+        search: ee[S[0].id],
+        onSearchChange: (I) => te(S[0].id, I),
         ...Y
       }
-    ) : /* @__PURE__ */ E(hn, { ref: n, $deadGutters: Z, children: /* @__PURE__ */ E(
+    ) : /* @__PURE__ */ E(gn, { ref: n, $deadGutters: Z, children: /* @__PURE__ */ E(
       et,
       {
         layout: "vertical",
@@ -1409,33 +1425,33 @@ const an = (e, t, a) => {
           height: ae,
           overflow: "hidden"
         },
-        children: b.map((x, D) => /* @__PURE__ */ E(
+        children: S.map((I, R) => /* @__PURE__ */ E(
           tt,
           {
-            size: H[D],
+            size: H[R],
             minSize: oe,
             style: { overflow: "hidden" },
             children: /* @__PURE__ */ E(
               je,
               {
-                panel: x,
-                isPrimary: D === 0,
-                search: ee[x.id],
-                onSearchChange: (P) => te(x.id, P),
+                panel: I,
+                isPrimary: R === 0,
+                search: ee[I.id],
+                onSearchChange: (P) => te(I.id, P),
                 ...Y
               }
             )
           },
-          x.id
+          I.id
         ))
       },
       q
     ) }),
     /* @__PURE__ */ E(
-      Ut,
+      Vt,
       {
         projectName: p,
-        movingEntities: h,
+        movingEntities: g,
         onClose: s,
         onMoveComplete: y
       }
@@ -1443,19 +1459,19 @@ const an = (e, t, a) => {
   ] });
 };
 export {
-  _t as S,
+  At as S,
   Be as a,
   Me as b,
-  jt as c,
-  Zn as d,
-  Kt as e,
-  Ft as f,
+  $t as c,
+  cs as d,
+  Wt as e,
+  jt as f,
   Ae as g,
-  sn as h,
-  Zt as i,
-  $t as j,
-  Xn as k,
-  ln as l,
-  Nt as r,
-  Wt as u
+  on as h,
+  en as i,
+  zt as j,
+  ls as k,
+  cn as l,
+  Ft as r,
+  qt as u
 };