@ynput/ayon-frontend-shared 0.7.4 → 0.7.6

package/dist/DetailsPanel.es.js

@@ -1,12 +1,12 @@
 import { jsxs as x, jsx as i, Fragment as Ie } from "react/jsx-runtime";
-import { Toolbar as nt, Panel as At, Button as te, Spacer as st, Icon as Ee, getMixedCounts as Qe, getTextColor as Re, applyMixedChange as Ft, Dialog as jt, SEARCH_FILTER_ID as at, buildFilterId as Ae, getFilterFromId as Ot, SearchFilter as Rt, AssigneeField as Lt } from "@ynput/ayon-react-components";
-import { useEffect as G, useMemo as w, useRef as le, useState as oe, useContext as Vt, useId as $t, useCallback as Ut } from "react";
+import { Toolbar as nt, Panel as At, Button as te, Spacer as st, Icon as Ee, getMixedCounts as Qe, getTextColor as Re, applyMixedChange as Ft, Dialog as Ot, SEARCH_FILTER_ID as at, buildFilterId as Ae, getFilterFromId as jt, SearchFilter as Rt, AssigneeField as Lt } from "@ynput/ayon-react-components";
+import { useEffect as Q, useMemo as w, useRef as le, useState as oe, useContext as Vt, useId as Ut, useCallback as $t } from "react";
 import I, { keyframes as Mt } from "styled-components";
 import { bz as _t, bH as Ht } from "./chunks/searchTerms.es.js";
 import { bq as Bt, bO as Wt, c3 as zt, cz as ot, by as it, v as Gt, bS as Qt, ce as qt } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
 import { c as Kt, y as Jt, H as Xt, G as Yt, z as Zt, w as rt, A as en, B as tn, E as nn, I as sn, J as an, K as on, N as rn, W as ln, s as cn } from "./chunks/Watchers.es.js";
-import { O as Wa, Q as za, V as Ga, X as Qa, T as qa } from "./chunks/Watchers.es.js";
+import { O as za, Q as Ga, V as Qa, X as qa, T as Ka } from "./chunks/Watchers.es.js";
 import { E as dn, R as un, a as pn } from "./chunks/EntityPath.es.js";
 import { union as ke, upperFirst as lt } from "lodash";
 import "react-toastify";
@@ -15,45 +15,45 @@ import { a as mn, b as hn, A as qe, e as gn } from "./chunks/activeEntities.es.j
 import "axios";
 import "@module-federation/enhanced/runtime";
 import { menuItemsAt as Ne } from "@ynput/ayon-addon/host";
-import { v as ne, u as fn, T as bn, ad as vn, a7 as yn, af as kn, a6 as Ke, K as wn, ae as xn, a1 as Sn } from "./chunks/TableExportContextInstance.es.js";
+import { x as ne, u as fn, T as bn, ad as vn, a7 as yn, ag as kn, a6 as Ke, L as wn, af as xn, a1 as Sn } from "./chunks/TableExportContextInstance.es.js";
 import "semver";
-import { T as Cn, P as ct } from "./chunks/ProjectContext.es.js";
+import { T as Cn } from "./chunks/ThumbnailUploaderContext.es.js";
 import "react-dom";
+import { u as Tn, P as ct } from "./chunks/ProjectFoldersContext.es.js";
 import "react-redux";
 import "react-router-dom";
 import fe from "clsx";
-import { A as Tn } from "./chunks/Actions.es.js";
-import { c as Nn, n as En, E as In, q as Pn } from "./chunks/MetaWidget.es.js";
+import { A as Nn } from "./chunks/Actions.es.js";
+import { c as En, n as In, E as Pn, q as Dn } from "./chunks/MetaWidget.es.js";
 import "./chunks/ContextMenuContextInstance.es.js";
-import { useContributions as dt, prefetchPiece as Le, runContribution as Je, ContributionView as Dn } from "@ynput/ayon-addon";
+import { useContributions as dt, prefetchPiece as Le, entityUrl as An, runContribution as Je, ContributionView as Fn } from "@ynput/ayon-addon";
 import { g as Fe } from "./chunks/getEntityTypeIcon.es.js";
-import { _ as An } from "./chunks/PlayableIcon.es.js";
-import { R as Fn } from "./chunks/RepresentationsList.es.js";
-import { I as jn } from "./chunks/InfoMessage.es.js";
-import { M as On, a as Rn } from "./chunks/Menu.es.js";
-import { D as Ln } from "./chunks/DetailsDialog.es.js";
-import { u as Vn } from "./chunks/VersionUploadContextInstance.es.js";
-import { p as $n } from "./chunks/pluralize.es.js";
-import { c as Un } from "./chunks/copyToClipboard.es.js";
-import { u as Mn } from "./chunks/useQueryArgumentChangeLoading.es.js";
-import { d as ut, c as _n } from "./chunks/Feed.es.js";
-import { A as Hn, C as Bn } from "./chunks/ThumbnailSimple.es.js";
-import { t as Wn, c as zn } from "./chunks/queryFilterToClientFilter.es.js";
-import { u as Gn } from "./chunks/useDateRangeFilter.es.js";
-import { e as Qn } from "./chunks/expandRelativeDates.es.js";
+import { _ as On } from "./chunks/PlayableIcon.es.js";
+import { R as jn } from "./chunks/RepresentationsList.es.js";
+import { I as Rn } from "./chunks/InfoMessage.es.js";
+import { M as Ln, a as Vn } from "./chunks/Menu.es.js";
+import { D as Un } from "./chunks/DetailsDialog.es.js";
+import { u as $n } from "./chunks/VersionUploadContextInstance.es.js";
+import { p as Mn } from "./chunks/pluralize.es.js";
+import { c as _n } from "./chunks/copyToClipboard.es.js";
+import { d as ut, c as Hn } from "./chunks/Feed.es.js";
+import { A as Bn, C as Wn } from "./chunks/ThumbnailSimple.es.js";
+import { t as zn, c as Gn } from "./chunks/queryFilterToClientFilter.es.js";
+import { u as Qn } from "./chunks/useDateRangeFilter.es.js";
+import { e as qn } from "./chunks/expandRelativeDates.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
 import "custom-protocol-check";
 import "./chunks/SimpleForm.es.js";
-import { Dialog as qn } from "primereact/dialog";
-function Kn({
+import { Dialog as Kn } from "primereact/dialog";
+function Jn({
   entityData: e,
   project: n,
   activeEntityType: t,
   entitiesToQuery: o = []
 }) {
-  G(() => {
+  Q(() => {
     if (!e?.parents || !n) return;
     const s = new URL(window.location.href), a = s.searchParams;
     a.set("project", n), t && a.set("type", t);
@@ -63,7 +63,7 @@ function Kn({
     l !== u && window.history.replaceState(window.history.state, "", l);
   }, [e, n, t, o]);
 }
-const Jn = I(nt)`
+const Xn = I(nt)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -75,7 +75,7 @@ const Jn = I(nt)`
   & > * {
     min-width: max-content;
   }
-`, Xn = I.div`
+`, Yn = I.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
@@ -84,13 +84,13 @@ const Jn = I(nt)`
   right: 0;
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-low);
-`, Yn = I.div`
+`, Zn = I.div`
   flex: 1;
   min-height: 0;
   overflow: auto;
   display: flex;
   flex-direction: column;
-`, Zn = I(At)`
+`, es = I(At)`
   gap: 0px;
   height: 100%;
   padding: 0px;
@@ -104,20 +104,20 @@ const Jn = I(nt)`
     ),
     [n, e]
   ), isLoading: t };
-}, es = I(nt)`
+}, ts = I(nt)`
   border-radius: 8px 8px 0 0;
   gap: var(--base-gap-small) !important;
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, ts = ["product", "representation"], ns = ["task"], ss = ({
+`, ns = ["product", "representation"], ss = ["task"], as = ({
   entityType: e,
   currentTab: n,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !ts.includes(e), a = ns.includes(e), r = e === "version", { tabs: l } = pt(e);
-  return /* @__PURE__ */ x(es, { className: o ? "loading" : "", children: [
+  const s = !ns.includes(e), a = ss.includes(e), r = e === "version", { tabs: l } = pt(e);
+  return /* @__PURE__ */ x(ts, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
       te,
       {
@@ -177,12 +177,12 @@ const Jn = I(nt)`
       }
     )
   ] });
-}, as = I.div`
+}, os = I.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   overflow: hidden;
-`, os = I.button`
+`, is = I.button`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -204,14 +204,14 @@ const Jn = I(nt)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, is = ({ entity: e, taskTypes: n }) => {
+`, rs = ({ entity: e, taskTypes: n }) => {
   const { openSlideOut: t } = ne(), { projectName: o } = e, s = e.task?.name ? e.task : void 0;
   if (!s?.id) return null;
   const a = n.find((r) => r.name === s.taskType);
-  return /* @__PURE__ */ x(as, { className: "linked-task", children: [
+  return /* @__PURE__ */ x(os, { className: "linked-task", children: [
     /* @__PURE__ */ i("span", { children: "Task" }),
     /* @__PURE__ */ x(
-      os,
+      is,
       {
         onClick: () => t({ entityId: s.id, entityType: "task", projectName: o }),
         children: [
@@ -241,10 +241,10 @@ const Jn = I(nt)`
     thumbnailHash: s.thumbnailHash,
     projectName: s.projectName
   }));
-}, je = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), ht = (e) => ({
-  task: je(e.taskTypes),
-  folder: je(e.folderTypes),
-  product: je(e.productTypes)
+}, Oe = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), ht = (e) => ({
+  task: Oe(e.taskTypes),
+  folder: Oe(e.folderTypes),
+  product: Oe(e.productTypes)
 }), gt = (e, n) => {
   const t = e.length > 1, o = e[0];
   if (t)
@@ -280,7 +280,7 @@ const Jn = I(nt)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, rs = ({
+}, ls = ({
   entityType: e,
   entitySubTypes: n,
   entities: t = [],
@@ -298,7 +298,7 @@ const Jn = I(nt)`
   thumbnailInputRef: V,
   versionsInputRef: U
 }) => {
-  const { useSearchParams: O, useNavigate: c, bundleMode: g } = ne(), C = c(), [E, T] = O(), D = le(null), y = w(() => ht(h), [h]), k = Kt(
+  const { useSearchParams: j, useNavigate: c, bundleMode: g } = ne(), C = c(), [E, T] = j(), D = le(null), v = w(() => ht(h), [h]), y = Kt(
     t.map((d) => d.projectName),
     [e]
   ), A = w(() => e === "task" ? ke(...t.map((d) => d.task?.assignees || [])) : e === "version" ? ke(
@@ -308,7 +308,7 @@ const Jn = I(nt)`
     })
   ) : [], [t, e]);
   let R = t[0];
-  const M = t.length === 0 || !R || l;
+  const $ = t.length === 0 || !R || l;
   R || (R = {
     parents: [],
     id: "placeholder",
@@ -327,41 +327,41 @@ const Jn = I(nt)`
   const se = t.length > 1 ? void 0 : R?.projectName;
   t.filter((d) => d.projectName === R?.projectName && d.id).map((d) => d.id);
   const { data: ce } = Bt({ attributeName: "priority" }), de = mn(ce, e), ue = w(
-    () => mt(t, e, y),
-    [t, e, y]
-  ), F = w(() => t.map((d) => d.status), [t]), pe = w(() => t.map((d) => d.attrib?.priority), [t]), q = w(() => t.map((d) => d.tags), [t]), me = w(
+    () => mt(t, e, v),
+    [t, e, v]
+  ), F = w(() => t.map((d) => d.status), [t]), pe = w(() => t.map((d) => d.attrib?.priority), [t]), K = w(() => t.map((d) => d.tags), [t]), me = w(
     () => r.reduce((d, P) => (d[P.name] = P, d), {}),
     [r]
-  ), J = w(() => ke(...q), [q]), he = t.every((d) => d.projectName === R?.projectName), j = Nn(
+  ), J = w(() => ke(...K), [K]), he = t.every((d) => d.projectName === R?.projectName), O = En(
     he ? R?.projectName : void 0,
     r
-  ), H = t.length > 1, X = w(() => Qe(q), [q]), xe = w(
+  ), B = t.length > 1, X = w(() => Qe(K), [K]), xe = w(
     () => Qe(t.map((d) => d.task?.assignees || [])),
     [t]
-  ), be = !H && !!R?.hasReviewables, ve = ue.length === 1, { attribAccess: S, updateEntity: ge } = Jt({
+  ), be = !B && !!R?.hasReviewables, ve = ue.length === 1, { attribAccess: S, updateEntity: ge } = Jt({
     entities: t,
     entityType: e
-  }), { writableFields: v } = S, $ = !v || v.includes("status"), K = !v || v.includes("tags"), ie = e === "task" && (!v || v.includes("assignees")), ae = (d, P) => {
-    if (!(d !== "attrib" && v && !v.includes(d)) && !(d === "assignees" && !ie))
+  }), { writableFields: k } = S, H = !k || k.includes("status"), _ = !k || k.includes("tags"), ie = e === "task" && (!k || k.includes("assignees")), ae = (d, P) => {
+    if (!(d !== "attrib" && k && !k.includes(d)) && !(d === "assignees" && !ie))
       return P == null ? console.error("value is null or undefined") : ge(d, P);
   }, Y = (d, P) => {
-    const B = new Map(
+    const W = new Map(
       t.map((re) => [re.id, (d === "tags" ? re.tags : re.task?.assignees) || []])
     );
-    d === "tags" && j?.addTags(P.add), ae(d, (re) => Ft(B.get(re) || [], P));
+    d === "tags" && O?.addTags(P.add), ae(d, (re) => Ft(W.get(re) || [], P));
   }, Se = () => {
-    let d, P = R.id, B = e + "Id";
-    e === "version" && R.product?.id && (d = [R.id], P = R.product?.id, B = "productId"), P && b({
-      [B]: P,
+    let d, P = R.id, W = e + "Id";
+    e === "version" && R.product?.id && (d = [R.id], P = R.product?.id, W = "productId"), P && b({
+      [W]: P,
       projectName: se,
       versionIds: d
     });
   }, ye = (e === "task" || e === "version") && (A.length > 0 || e === "task"), Ce = [..._t(s, A)];
   if (ye) {
-    const d = s.map((B) => B.name), P = A.filter((B) => !d.includes(B));
-    P.length && Ce.push(...P.map((B) => ({ name: B, fullName: B })));
+    const d = s.map((W) => W.name), P = A.filter((W) => !d.includes(W));
+    P.length && Ce.push(...P.map((W) => ({ name: W, fullName: W })));
   }
-  const { title: Z, subTitle: _ } = gt(t, e), ee = k?.length !== 0 && k?.find((d) => d.name === F[0]);
+  const { title: Z, subTitle: M } = gt(t, e), ee = y?.length !== 0 && y?.find((d) => d.name === F[0]);
   return /* @__PURE__ */ i(Xt, { children: /* @__PURE__ */ i(
     dn,
     {
@@ -375,51 +375,51 @@ const Jn = I(nt)`
         /* @__PURE__ */ x(
           Zt,
           {
-            className: fe("titles", { isCompact: u, loading: M }, "no-shimmer"),
+            className: fe("titles", { isCompact: u, loading: $ }, "no-shimmer"),
             children: [
               /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i(
                   rt,
                   {
-                    isLoading: M,
-                    shimmer: M,
+                    isLoading: $,
+                    shimmer: $,
                     thumbnails: ue,
                     onClick: ve ? Se : void 0,
                     hoverIcon: be ? "play_circle" : void 0
                   }
                 ),
-                be && /* @__PURE__ */ i(An, {})
+                be && /* @__PURE__ */ i(On, {})
               ] }),
-              /* @__PURE__ */ x(en, { className: fe({ loading: M }), children: [
+              /* @__PURE__ */ x(en, { className: fe({ loading: $ }), children: [
                 /* @__PURE__ */ x(tn, { children: [
                   /* @__PURE__ */ i("h2", { children: Z }),
-                  K ? /* @__PURE__ */ x(Ie, { children: [
+                  _ ? /* @__PURE__ */ x(Ie, { children: [
                     /* @__PURE__ */ i(
                       nn,
                       {
                         ref: D,
-                        value: ke(...q),
+                        value: ke(...K),
                         tags: me,
                         options: [],
                         editable: !0,
                         editor: !0,
                         onChange: (d) => {
-                          j?.addTags(d.filter((P) => !J.includes(P))), ae("tags", d);
+                          O?.addTags(d.filter((P) => !J.includes(P))), ae("tags", d);
                         },
-                        mixedCounts: H ? X : void 0,
+                        mixedCounts: B ? X : void 0,
                         mixedTotal: t.length,
                         mixedLabel: `${e}s`,
                         onMixedChange: (d) => Y("tags", d),
-                        onEditOption: j?.onEditOption,
+                        onEditOption: O?.onEditOption,
                         editOptionTooltip: "Change the colour in the project tags",
                         align: "right",
-                        styleDropdown: { display: M ? "none" : "unset" },
+                        styleDropdown: { display: $ ? "none" : "unset" },
                         className: "tags-select",
                         itemClassName: "details-tag"
                       }
                     ),
-                    j && /* @__PURE__ */ i(En, { ...j.dialog })
-                  ] }) : /* @__PURE__ */ i(sn, { className: "tags-select", children: ke(...q).length ? ke(...q).map((d) => {
+                    O && /* @__PURE__ */ i(In, { ...O.dialog })
+                  ] }) : /* @__PURE__ */ i(sn, { className: "tags-select", children: ke(...K).length ? ke(...K).map((d) => {
                     const P = me[d]?.color;
                     return /* @__PURE__ */ i(
                       "span",
@@ -439,10 +439,10 @@ const Jn = I(nt)`
                     lt(e),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i("h3", { children: _ })
+                  /* @__PURE__ */ i("h3", { children: M })
                 ] }),
-                e === "version" && !H && !M && R && /* @__PURE__ */ i(
-                  is,
+                e === "version" && !B && !$ && R && /* @__PURE__ */ i(
+                  rs,
                   {
                     entity: R,
                     taskTypes: h.taskTypes
@@ -457,29 +457,29 @@ const Jn = I(nt)`
           an,
           {
             value: F,
-            options: k || [],
+            options: y || [],
             disabledValues: a,
-            disableOpen: !$,
+            disableOpen: !H,
             invert: !0,
             style: { maxWidth: "unset" },
             onChange: (d) => ae("status", d),
-            className: fe("status-select", { loading: M }),
+            className: fe("status-select", { loading: $ }),
             align: u ? "right" : "left",
             $textColor: Re(ee !== void 0 ? ee.color : "#OOO")
           }
         ),
-        !u && (!ye || M ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
+        !u && (!ye || $ ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
           on,
           {
             value: A,
             options: Ce,
             disabledValues: o.map((d) => d.name),
-            isMultiple: H && A.length > 1 && e === "task",
+            isMultiple: B && A.length > 1 && e === "task",
             readOnly: !ie,
             emptyMessage: ie ? "Assign user" : "-",
             align: "right",
             onChange: (d) => ae("assignees", d),
-            mixedCounts: H && e === "task" ? xe : void 0,
+            mixedCounts: B && e === "task" ? xe : void 0,
             mixedTotal: t.length,
             mixedLabel: `${e}s`,
             onMixedChange: (d) => Y("assignees", d),
@@ -488,12 +488,12 @@ const Jn = I(nt)`
           }
         )),
         /* @__PURE__ */ i(
-          Tn,
+          Nn,
           {
             entities: t,
             entityType: e,
             entitySubTypes: n,
-            isLoadingEntity: !!l || !!M,
+            isLoadingEntity: !!l || !!$,
             searchParams: E,
             bundleMode: g,
             onSetSearchParams: T,
@@ -511,18 +511,18 @@ const Jn = I(nt)`
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          ss,
+          as,
           {
             entityType: e,
             currentTab: f,
             onTabChange: m,
-            isLoading: M
+            isLoading: $
           }
         )
       ] })
     }
   ) });
-}, ls = I.div`
+}, cs = I.div`
   display: flex;
   flex-direction: column;
 
@@ -542,7 +542,7 @@ const Jn = I(nt)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, cs = ({
+`, ds = ({
   entities: e = [],
   scope: n,
   isLoadingVersion: t
@@ -550,7 +550,7 @@ const Jn = I(nt)`
   const o = e[0];
   if (!o) return null;
   let s = "Reviewables";
-  return e.length > 1 && (s += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ x(ls, { children: [
+  return e.length > 1 && (s += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ x(cs, { children: [
     /* @__PURE__ */ x(Xe, { children: [
       /* @__PURE__ */ i("h4", { children: s }),
       /* @__PURE__ */ i(
@@ -566,16 +566,16 @@ const Jn = I(nt)`
     ] }),
     /* @__PURE__ */ x(Xe, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(Fn, { entities: e })
+      /* @__PURE__ */ i(jn, { entities: e })
     ] })
   ] });
-}, ds = ({
+}, us = ({
   latestVersion: e,
   resolveVersionJump: n
 }) => {
   const t = n?.(e.id);
   return /* @__PURE__ */ i(
-    jn,
+    Rn,
     {
       variant: "info",
       compact: !0,
@@ -589,16 +589,16 @@ const Jn = I(nt)`
       } : void 0
     }
   );
-}, us = (e) => {
+}, ps = (e) => {
   const n = e?.version?.version, t = e?.product?.latestVersion;
   if (!(e?.entityType !== "version" || !n || n <= 0 || !t?.active))
     return t.version > n ? t : void 0;
-}, ps = () => ({
-  onOpenVersionUpload: Vn()?.onOpenVersionUpload ?? null
-}), ms = (e, n, t) => {
-  const o = e === "folder" || e === "task" ? "overview" : e === "product" || e === "version" || e === "representation" ? "products" : null;
-  return o ? `${typeof window < "u" ? window.location.origin : ""}/projects/${t}/${o}?project=${t}&type=${e}&id=${n}` : null;
-}, hs = ({
+}, ms = () => ({
+  onOpenVersionUpload: $n()?.onOpenVersionUpload ?? null
+}), hs = (e, n, t) => {
+  const o = An({ entityType: e, id: n, projectName: t });
+  return o ? `${typeof window < "u" ? window.location.origin : ""}${o}` : null;
+}, gs = ({
   entityType: e,
   entityId: n,
   projectName: t,
@@ -615,7 +615,7 @@ const Jn = I(nt)`
   onPip: N,
   onOpenViewer: V,
   onUploadThumbnail: U,
-  onUploadVersion: O,
+  onUploadVersion: j,
   onShare: c,
   onViewData: g,
   onDelete: C
@@ -646,43 +646,43 @@ const Jn = I(nt)`
       id: "upload-version",
       label: "Upload version",
       icon: "upload",
-      onClick: O
+      onClick: j
     }), m?.openAddToListDialog && t && E.length) {
-      const k = E[0]?.entityType || e, A = m.openAddToListDialog;
+      const y = E[0]?.entityType || e, A = m.openAddToListDialog;
       if (T.push({
         id: "add-to-list",
         label: "Add to list",
         icon: "list_alt_add",
-        onClick: () => A(k, E)
-      }), (k === "version" || k === "representation") && m.hasReviewAddon) {
-        const M = E.some((se) => se.hasReviewables === !0);
+        onClick: () => A(y, E)
+      }), (y === "version" || y === "representation") && m.hasReviewAddon) {
+        const $ = E.some((se) => se.hasReviewables === !0);
         T.push({
           id: "add-to-review-list",
           label: "Add to session",
           icon: "list_alt_add",
-          disabled: !M,
-          ...M ? {} : { "data-tooltip": "No reviewables on selected version" },
-          onClick: () => A(k, E, { isReview: !0 })
+          disabled: !$,
+          ...$ ? {} : { "data-tooltip": "No reviewables on selected version" },
+          onClick: () => A(y, E, { isReview: !0 })
         });
       }
     }
-    const D = E[0], y = D?.entityId && t ? ms(
+    const D = E[0], v = D?.entityId && t ? hs(
       D.entityType || e,
       D.entityId,
       t
     ) : null;
-    if (y && T.push({
+    if (v && T.push({
       id: "share",
       label: "Share",
       icon: "share",
-      onClick: () => c(y)
+      onClick: () => c(v)
     }), T.push(...b), T.push({
       id: "view-data",
       label: "View data",
       icon: "database",
       onClick: g
     }), f && s.length > 0) {
-      const k = new Set(s.map((M) => M.entityType)), A = k.size === 1 ? [...k][0] : "item", R = s.length === 1 ? `Delete ${A}` : `Delete ${$n(s.length, A)}`;
+      const y = new Set(s.map(($) => $.entityType)), A = y.size === 1 ? [...y][0] : "item", R = s.length === 1 ? `Delete ${A}` : `Delete ${Mn(s.length, A)}`;
       T.push({
         id: "delete",
         label: R,
@@ -691,7 +691,7 @@ const Jn = I(nt)`
         onClick: C
       });
     }
-    return { items: T, shareLink: y };
+    return { items: T, shareLink: v };
   }, [
     l,
     u,
@@ -708,12 +708,12 @@ const Jn = I(nt)`
     N,
     V,
     U,
-    O,
+    j,
     c,
     g,
     C
   ]);
-}, gs = I.div`
+}, fs = I.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -753,12 +753,12 @@ const Jn = I(nt)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, fs = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
+`, bs = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
   if (!t) return null;
   const s = `[${n}](${e})`, a = (r) => {
-    Un(r, !0), o();
+    _n(r, !0), o();
   };
-  return /* @__PURE__ */ i(jt, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ x(gs, { children: [
+  return /* @__PURE__ */ i(Ot, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ x(fs, { children: [
     /* @__PURE__ */ x(Ye, { children: [
       /* @__PURE__ */ i(Ze, { children: "Link" }),
       /* @__PURE__ */ x(et, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
@@ -774,7 +774,7 @@ const Jn = I(nt)`
       ] })
     ] })
   ] }) });
-}, bs = (e, n, t, o) => {
+}, vs = (e, n, t, o) => {
   const s = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
@@ -788,7 +788,7 @@ const Jn = I(nt)`
     default:
       return null;
   }
-}, vs = ({
+}, ys = ({
   entityType: e,
   entityId: n,
   entityIds: t,
@@ -802,78 +802,74 @@ const Jn = I(nt)`
   taskId: m,
   folderId: h
 }) => {
-  const b = le(null), [N, V] = oe(!1), [U, O] = oe(null), { menuOpen: c, toggleMenuOpen: g, setMenuOpen: C } = fn(), { triggerThumbnailUpload: E, canUploadVersion: T } = Vt(bn), { onOpenVersionUpload: D } = ps(), y = $t(), k = w(() => {
-    const v = n || t?.[0] || "noentity";
-    return `details-more-menu-${y}-${v}-${s || "noproject"}`;
-  }, [y, n, t, s]), A = c === k, R = !!n && !!s && !!E, M = !!T && !!D, se = () => {
+  const b = le(null), [N, V] = oe(!1), [U, j] = oe(null), { menuOpen: c, toggleMenuOpen: g, setMenuOpen: C } = fn(), { triggerThumbnailUpload: E, canUploadVersion: T } = Vt(bn), { onOpenVersionUpload: D } = ms(), v = Ut(), y = w(() => {
+    const k = n || t?.[0] || "noentity";
+    return `details-more-menu-${v}-${k}-${s || "noproject"}`;
+  }, [v, n, t, s]), A = c === y, R = !!n && !!s && !!E, $ = !!T && !!D, se = () => {
     D?.({ productId: f, taskId: m, folderId: h });
-  }, ce = n && s ? bs(e, n, s, f) : null, de = !!u && !!ce, ue = vn(), F = w(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map(($) => {
-    const K = $.entityType || e, ie = $.projectName || s;
-    return !yn(K) || !$.entityId || !ie ? null : {
-      id: $.entityId,
-      entityType: K,
-      name: $.name,
-      label: $.label,
+  }, ce = n && s ? vs(e, n, s, f) : null, de = !!u && !!ce, ue = vn(), F = w(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((H) => {
+    const _ = H.entityType || e, ie = H.projectName || s;
+    return !yn(_) || !H.entityId || !ie ? null : {
+      id: H.entityId,
+      entityType: _,
+      name: H.name,
+      label: H.label,
       projectName: ie,
-      folderId: $.folderId,
-      parentId: $.parentId
+      folderId: H.folderId,
+      parentId: H.parentId
     };
-  }).filter(($) => $ !== null), [a, n, e, s]), pe = !!ue && F.length > 0, q = () => {
+  }).filter((H) => H !== null), [a, n, e, s]), pe = !!ue && F.length > 0, K = () => {
     C(!1), ue?.deleteEntities(F);
   }, { contributions: me } = dt("detailsPanel.menuItem"), J = w(
     () => me.filter(
-      (v) => !v.entityTypes?.length || v.entityTypes.includes(e)
+      (k) => !k.entityTypes?.length || k.entityTypes.includes(e)
     ),
     [me, e]
   ), he = w(() => {
-    const v = a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : [];
-    return {
-      projectName: s || "",
-      entityType: e,
-      selectedEntities: v.map(($) => ({
-        id: $.entityId,
-        entityType: $.entityType || e,
-        projectName: $.projectName || s || "",
-        name: $.name,
-        label: $.label || void 0
-      }))
-    };
-  }, [a, n, e, s]), j = Ut(
-    (v) => ({
-      id: v.key,
-      label: v.label,
-      icon: v.icon,
-      "data-addon-item": v.key,
-      onClick: () => Je(v, he)
+    const H = (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((_) => ({
+      id: _.entityId,
+      entityType: _.entityType || e,
+      projectName: _.projectName || s || "",
+      name: _.name,
+      label: _.label || void 0
+    }));
+    return { projectName: s || "", entityType: e, entities: H };
+  }, [a, n, e, s]), O = $t(
+    (k) => ({
+      id: k.key,
+      label: k.label,
+      icon: k.icon,
+      "data-addon-item": k.key,
+      onClick: () => Je(k, he)
     }),
     [he]
-  ), H = w(
+  ), B = w(
     () => [
       ...Ne(J, "top"),
       ...Ne(J, "bottom")
-    ].filter((v) => v.pinned),
+    ].filter((k) => k.pinned),
     [J]
   ), X = w(
-    () => J.filter((v) => !v.pinned),
+    () => J.filter((k) => !k.pinned),
     [J]
   ), xe = w(
-    () => Ne(X, "top").map(j),
-    [X, j]
+    () => Ne(X, "top").map(O),
+    [X, O]
   ), be = w(
-    () => Ne(X, "bottom").map(j),
-    [X, j]
+    () => Ne(X, "bottom").map(O),
+    [X, O]
   );
-  G(() => {
-    A && X.forEach((v) => Le(v.run));
+  Q(() => {
+    A && X.forEach((k) => Le(k.run));
   }, [A, X]);
-  const { items: ve } = hs({
+  const { items: ve } = gs({
     entityType: e,
     entityId: n,
     projectName: s,
     selectedEntities: a,
     deleteEntities: F,
     canUploadThumbnail: R,
-    canUploadVersion: M,
+    canUploadVersion: $,
     canOpenPip: !!l,
     canOpenViewer: de,
     canDelete: pe,
@@ -884,23 +880,23 @@ const Jn = I(nt)`
     onOpenViewer: () => ce && u?.(ce),
     onUploadThumbnail: () => E?.(),
     onUploadVersion: se,
-    onShare: (v) => O(v),
+    onShare: (k) => j(k),
     onViewData: () => V(!0),
-    onDelete: q
+    onDelete: K
   }), S = t?.length ? t : n ? [n] : [], ge = o || n || "";
   return /* @__PURE__ */ x(Ie, { children: [
-    H.map((v) => /* @__PURE__ */ i(
+    B.map((k) => /* @__PURE__ */ i(
       te,
       {
-        icon: v.icon,
+        icon: k.icon,
         variant: "text",
-        "data-tooltip": v.label,
-        "aria-label": v.label,
-        "data-addon-item": v.key,
-        onMouseEnter: () => Le(v.run),
-        onClick: () => Je(v, he)
+        "data-tooltip": k.label,
+        "aria-label": k.label,
+        "data-addon-item": k.key,
+        onMouseEnter: () => Le(k.run),
+        onClick: () => Je(k, he)
       },
-      v.key
+      k.key
     )),
     /* @__PURE__ */ i(
       te,
@@ -911,12 +907,12 @@ const Jn = I(nt)`
         "data-tooltip": "More actions",
         "aria-label": "More actions",
         className: fe({ active: A }),
-        onClick: () => g(k)
+        onClick: () => g(y)
       }
     ),
-    /* @__PURE__ */ i(On, { id: k, target: b.current, align: "right", children: /* @__PURE__ */ i(Rn, { menu: ve, onClose: () => C(!1) }) }),
+    /* @__PURE__ */ i(Ln, { id: y, target: b.current, align: "right", children: /* @__PURE__ */ i(Vn, { menu: ve, onClose: () => C(!1) }) }),
     N && s && S.length > 0 && /* @__PURE__ */ i(
-      Ln,
+      Un,
       {
         projectName: s,
         entityType: e,
@@ -926,16 +922,16 @@ const Jn = I(nt)`
       }
     ),
     U && /* @__PURE__ */ i(
-      fs,
+      bs,
       {
         link: U,
         entityLabel: ge,
         visible: !0,
-        onHide: () => O(null)
+        onHide: () => j(null)
       }
     )
   ] });
-}, ys = (e, n) => {
+}, ks = (e, n) => {
   const t = [e];
   let o = e;
   for (; o.parentId && o.parentId !== "root"; ) {
@@ -945,17 +941,17 @@ const Jn = I(nt)`
     t.unshift(s), o = s;
   }
   return t;
-}, ks = (e, n) => {
+}, ws = (e, n) => {
   const t = [];
   let o = n.get(e.folder?.id || "");
-  if ((o ? ys(o, n) : []).forEach((a) => {
+  if ((o ? ks(o, n) : []).forEach((a) => {
     t.push({ type: "folder", label: a.label || a.name, id: a.id });
   }), e.entityType === "version") {
     const a = `${e.product?.name} - ${e.name}`;
     t.push({ type: "version", label: a, id: e.id });
   }
   return e.entityType === "task" && t.push({ type: "task", label: e.label || e.name, id: e.id }), t;
-}, ws = ({
+}, xs = ({
   entity: e,
   entityType: n,
   projectName: t,
@@ -967,7 +963,7 @@ const Jn = I(nt)`
     // @ts-expect-error - patch is not part of the query args
     { projectName: t, patch: ["id", "name", "label"] },
     { skip: !t || o }
-  ), r = Mn(
+  ), r = Tn(
     { projectName: t || "", isLoading: o },
     a
   ), { data: l } = zt(
@@ -985,7 +981,7 @@ const Jn = I(nt)`
     [s]
   );
   return [w(
-    () => r ? [] : ks(e, f),
+    () => r ? [] : ws(e, f),
     [r, s, e]
   ), u];
 }, ft = (e, n) => {
@@ -1018,12 +1014,12 @@ const Jn = I(nt)`
       ...m,
       ...f,
       children: [
-        /* @__PURE__ */ i(_n, { ...f, statuses: f.statuses }),
-        /* @__PURE__ */ i(Hn, {})
+        /* @__PURE__ */ i(Hn, { ...f, statuses: f.statuses }),
+        /* @__PURE__ */ i(Bn, {})
       ]
     }
   );
-}, xs = ({
+}, Ss = ({
   children: e,
   scope: n = "dashboard",
   entities: t,
@@ -1097,23 +1093,23 @@ const Jn = I(nt)`
   }), Object.keys(s).forEach((a) => {
     (a === "productTypes" || s[a].length > 0) && (t[a] = o(s[a]));
   }), t;
-}, Ss = I.div`
+}, Cs = I.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;
   gap: var(--base-gap-small);
-`, Cs = I.span`
+`, Ts = I.span`
   font-weight: 600;
   user-select: none;
-`, Ts = I.div`
+`, Ns = I.div`
   display: flex;
   gap: var(--base-gap-small);
-`, Oe = I(te)`
+`, je = I(te)`
   background-color: unset;
   &.hasIcon {
     padding: 4px;
   }
-`, Ns = I.div`
+`, Es = I.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1130,10 +1126,10 @@ const Jn = I(nt)`
     box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);
     background-color: var(--md-sys-color-surface-container-lowest);
   }
-`, Es = I(In)`
+`, Is = I(Pn)`
   width: 28px;
   height: 28px;
-`, Is = I.input`
+`, Ps = I.input`
   flex: 1;
   min-width: 0;
   border: none;
@@ -1146,14 +1142,14 @@ const Jn = I(nt)`
   &::placeholder {
     color: var(--md-sys-color-outline);
   }
-`, Ps = I(te)`
+`, Ds = I(te)`
   background-color: unset;
   min-width: unset;
   &.hasIcon {
     padding: 2px;
   }
-`, $e = (e) => !!e && "key" in e, we = (e, n) => $e(e) ? e.key === n : !!e.conditions?.some((t) => we(t, n)), Ve = (e) => {
-  if ($e(e)) return String(e.value || "");
+`, Ue = (e) => !!e && "key" in e, we = (e, n) => Ue(e) ? e.key === n : !!e.conditions?.some((t) => we(t, n)), Ve = (e) => {
+  if (Ue(e)) return String(e.value || "");
   const n = e.operator === "or" ? ", " : ".";
   return e.conditions?.map((t) => Ve(t)).join(n) || "";
 }, yt = (e, n, t) => {
@@ -1183,7 +1179,7 @@ const Jn = I(nt)`
     operator: t,
     value: a[0] || ""
   };
-}, Ds = ({
+}, As = ({
   label: e,
   filters: n,
   currentFilter: t,
@@ -1191,9 +1187,9 @@ const Jn = I(nt)`
   isLoading: s
 }) => {
   const [a, r] = oe(null), [l, u] = oe(""), f = le(null), m = (c) => typeof c == "object" && c !== null && !Array.isArray(c);
-  G(() => {
+  Q(() => {
     a && f.current && f.current.focus();
-  }, [a]), G(() => {
+  }, [a]), Q(() => {
     if (a && m(t)) {
       if (document.activeElement === f.current) return;
       const c = t.conditions?.find((g) => we(g, a));
@@ -1209,27 +1205,27 @@ const Jn = I(nt)`
       ...t,
       conditions: C,
       operator: t.operator || "and"
-    }, T = String(c.id), D = C.findIndex((k) => we(k, T)), y = c.type || "boolean";
-    if (y === "boolean")
+    }, T = String(c.id), D = C.findIndex((y) => we(y, T)), v = c.type || "boolean";
+    if (v === "boolean")
       D > -1 ? C.splice(D, 1) : C.push({ key: T, operator: c.operator || "eq", value: !0 });
-    else if (y === "enum") {
-      const k = Array.isArray(g) ? g : [g];
-      if (k.length === 0 || k.length === 1 && k[0] === void 0)
+    else if (v === "enum") {
+      const y = Array.isArray(g) ? g : [g];
+      if (y.length === 0 || y.length === 1 && y[0] === void 0)
         D > -1 && C.splice(D, 1);
       else {
         const A = {
           key: T,
           operator: c.operator || "in",
-          value: k
+          value: y
         };
         D > -1 ? C[D] = A : C.push(A);
       }
-    } else if (y === "search") {
-      const k = typeof g == "string" ? g : "";
-      if (!k)
+    } else if (v === "search") {
+      const y = typeof g == "string" ? g : "";
+      if (!y)
         D > -1 && C.splice(D, 1);
       else {
-        const A = yt(k, T, c.operator || "like");
+        const A = yt(y, T, c.operator || "like");
         D > -1 ? C[D] = A : C.push(A);
       }
     }
@@ -1244,27 +1240,27 @@ const Jn = I(nt)`
     u(g), h(c, g);
   }, V = (c) => {
     u(""), r(null), h(c, "");
-  }, U = (c) => m(t) ? t.conditions?.some((g) => we(g, String(c.id))) : c.id === t, O = (c) => m(t) ? t.conditions?.find(
-    (C) => $e(C) && C.key === String(c.id)
+  }, U = (c) => m(t) ? t.conditions?.some((g) => we(g, String(c.id))) : c.id === t, j = (c) => m(t) ? t.conditions?.find(
+    (C) => Ue(C) && C.key === String(c.id)
   )?.value || [] : [];
-  return /* @__PURE__ */ x(Ss, { className: fe("panel-tabs", { loading: s }), children: [
-    /* @__PURE__ */ i(Cs, { className: "panel-header-label", children: e }),
+  return /* @__PURE__ */ x(Cs, { className: fe("panel-tabs", { loading: s }), children: [
+    /* @__PURE__ */ i(Ts, { className: "panel-header-label", children: e }),
     /* @__PURE__ */ i(st, {}),
-    /* @__PURE__ */ i(Ts, { className: "panel-header-filters", children: n.map((c) => {
+    /* @__PURE__ */ i(Ns, { className: "panel-header-filters", children: n.map((c) => {
       const g = U(c), C = c.type || "boolean";
       if (C === "enum")
         return /* @__PURE__ */ i(
-          Es,
+          Is,
           {
             options: c.options || [],
-            value: O(c),
+            value: j(c),
             onChange: (E) => h(c, E),
             isEditing: !0,
             autoOpen: !1,
             align: "right",
             type: "list_of_strings",
             valueTemplate: () => /* @__PURE__ */ i(
-              Oe,
+              je,
               {
                 selected: g,
                 icon: c.icon,
@@ -1280,12 +1276,12 @@ const Jn = I(nt)`
       if (C === "search") {
         const E = a === String(c.id);
         return /* @__PURE__ */ x(
-          Ns,
+          Es,
           {
             className: fe("panel-filter", "panel-filter-search", { expanded: E }),
             children: [
               /* @__PURE__ */ i(
-                Oe,
+                je,
                 {
                   selected: g || E,
                   onClick: () => b(c),
@@ -1296,7 +1292,7 @@ const Jn = I(nt)`
               ),
               E && /* @__PURE__ */ x(Ie, { children: [
                 /* @__PURE__ */ i(
-                  Is,
+                  Ps,
                   {
                     ref: f,
                     value: l,
@@ -1308,7 +1304,7 @@ const Jn = I(nt)`
                   }
                 ),
                 /* @__PURE__ */ i(
-                  Ps,
+                  Ds,
                   {
                     icon: "close",
                     onClick: () => V(c),
@@ -1323,7 +1319,7 @@ const Jn = I(nt)`
         );
       }
       return /* @__PURE__ */ i(
-        Oe,
+        je,
         {
           selected: g,
           onClick: () => h(c),
@@ -1336,7 +1332,7 @@ const Jn = I(nt)`
       );
     }) })
   ] });
-}, kt = ["done", "isDone"], wt = (e) => !!e && "key" in e, As = (e, n) => {
+}, kt = ["done", "isDone"], wt = (e) => !!e && "key" in e, Fs = (e, n) => {
   const t = [], o = [], s = (a) => {
     if (!a) return;
     if (wt(a)) {
@@ -1391,7 +1387,7 @@ const Jn = I(nt)`
       });
       return;
     }
-    const r = Wn(a, n);
+    const r = zn(a, n);
     if (r) {
       t.push(r);
       return;
@@ -1399,10 +1395,10 @@ const Jn = I(nt)`
     a.conditions?.forEach(s);
   };
   return e?.conditions?.forEach(s), o.length && t.push({ id: at, label: "", values: o }), t;
-}, Fs = (e) => {
+}, Os = (e) => {
   const n = [], t = [];
   return e.forEach((o) => {
-    const s = Ot(o.id), a = (o.values || []).map((r) => r.id);
+    const s = jt(o.id), a = (o.values || []).map((r) => r.id);
     if (a.length)
       if (s === at)
         a.forEach(
@@ -1412,7 +1408,7 @@ const Jn = I(nt)`
         const r = a[0] === "true";
         n.push({ key: s, operator: "eq", value: r });
       } else if (o.type === "datetime") {
-        const r = zn(s, o);
+        const r = Gn(s, o);
         r && n.push(r);
       } else
         n.push({ key: s, operator: "in", value: a.map(String) });
@@ -1425,7 +1421,7 @@ const Jn = I(nt)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, Os = ({
+`, Rs = ({
   subtasksFilter: e,
   setSubtasksFilter: n,
   users: t,
@@ -1478,23 +1474,23 @@ const Jn = I(nt)`
       //   },
     ],
     [t]
-  ), u = w(() => As(e, l), [e, l]), [f, m] = oe(u), h = le(null), b = Gn();
-  G(() => {
+  ), u = w(() => Fs(e, l), [e, l]), [f, m] = oe(u), h = le(null), b = Qn();
+  Q(() => {
     m(u);
   }, [JSON.stringify(u)]);
   const N = (g) => {
-    const C = Fs(g);
+    const C = Os(g);
     n(C), r?.("");
   }, V = (g) => {
     b.wrapFilterChange(g, f, m);
   }, U = (g, C) => {
     C || r?.(g);
   };
-  let O = "";
-  s > 0 && (O = `${a}/${s}`);
+  let j = "";
+  s > 0 && (j = `${a}/${s}`);
   const c = w(
-    () => [{ id: "isDone", label: O, tooltip: "Status" }],
-    [O]
+    () => [{ id: "isDone", label: j, tooltip: "Status" }],
+    [j]
   );
   return /* @__PURE__ */ x(js, { className: o ? "loading" : void 0, children: [
     /* @__PURE__ */ i(
@@ -1527,7 +1523,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      Bn,
+      Wn,
       {
         isOpen: !!b.customRangeFilterId,
         header: l.find((g) => g.id === b.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
@@ -1540,7 +1536,7 @@ const Jn = I(nt)`
       }
     )
   ] });
-}, Rs = ({ ...e }) => {
+}, Ls = ({ ...e }) => {
   const [n, t] = oe({}), [o, s] = oe(""), [a, r] = oe([]), { dispatch: l } = ne(), { data: u = [] } = ot({ projectName: e.projectName }), f = e.subtasks?.length || 0, m = e.subtasks?.filter((b) => b.isDone).length || 0, h = w(() => {
     let b = n;
     if (o) {
@@ -1551,11 +1547,11 @@ const Jn = I(nt)`
         operator: "and"
       };
     }
-    return Qn(xt(b));
+    return qn(xt(b));
   }, [n, o]);
   return /* @__PURE__ */ x(Ie, { children: [
     /* @__PURE__ */ i(
-      Ds,
+      As,
       {
         label: `Subtasks (${f})`,
         filters: [],
@@ -1564,7 +1560,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      Os,
+      Rs,
       {
         subtasksFilter: n,
         setSubtasksFilter: t,
@@ -1575,7 +1571,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      Pn,
+      Dn,
       {
         ...e,
         style: { padding: 8, height: "unset" },
@@ -1588,7 +1584,7 @@ const Jn = I(nt)`
       }
     )
   ] });
-}, tt = ["product", "representation"], Ls = ({
+}, tt = ["product", "representation"], Vs = ({
   entityType: e,
   entitySubTypes: n = [],
   // entities is data we already have from kanban
@@ -1607,7 +1603,7 @@ const Jn = I(nt)`
   scope: N,
   isCompact: V = !1,
   onClose: U,
-  onWatchersUpdate: O,
+  onWatchersUpdate: j,
   onOpenViewer: c,
   onEntityFocus: g,
   onOpen: C,
@@ -1616,11 +1612,11 @@ const Jn = I(nt)`
   // annotations
   annotations: T,
   removeAnnotation: D,
-  exportAnnotationComposite: y,
-  entityListId: k,
+  exportAnnotationComposite: v,
+  entityListId: y,
   guestCategories: A = {},
   entityListsContext: R,
-  resolveVersionJump: M
+  resolveVersionJump: $
 }) => {
   const {
     closeSlideOut: se,
@@ -1629,37 +1625,37 @@ const Jn = I(nt)`
     isGuest: ue,
     entities: F,
     setEntities: pe,
-    slideOut: q,
+    slideOut: K,
     useSearchParams: me,
     SubtasksManager: J,
     useNavigate: he
-  } = ne(), { currentTab: j, setTab: H, isFeed: X } = kn(N), [xe, be] = me(), ve = le(!1), S = F?.entityType ?? e, ge = F?.entities ?? o, v = F?.entitySubTypes ?? n, $ = F?.entities ? [] : t, K = F?.entities ? F.entities.map((p) => p.projectName) : m;
+  } = ne(), { currentTab: O, setTab: B, isFeed: X } = kn(N), [xe, be] = me(), ve = le(!1), S = F?.entityType ?? e, ge = F?.entities ?? o, k = F?.entitySubTypes ?? n, H = F?.entities ? [] : t, _ = F?.entities ? F.entities.map((p) => p.projectName) : m;
   hn(
     S ? ge.map((p) => ({ ...p, entityType: S })) : [],
     h ? qe.slideOut : qe.detailsPanel
-  ), G(() => {
+  ), Q(() => {
     C && !ve.current && (ve.current = !0, C());
   }, []);
-  const { tabs: ie, isLoading: ae } = pt(S), Y = ie.find((p) => p.key === j), Se = Ke(j) && ae;
-  G(() => {
-    tt.includes(S) && j !== "details" && !Y && !Se && H("details");
-  }, [S, j, H, Y, Se]), G(() => {
+  const { tabs: ie, isLoading: ae } = pt(S), Y = ie.find((p) => p.key === O), Se = Ke(O) && ae;
+  Q(() => {
+    tt.includes(S) && O !== "details" && !Y && !Se && B("details");
+  }, [S, O, B, Y, Se]), Q(() => {
     o.length && F && pe(null);
   }, [o, F, pe]);
   const ye = w(
-    () => vt(f, K),
-    [f, K]
+    () => vt(f, _),
+    [f, _]
   ), Ce = w(() => ht(ye), [ye]);
-  G(() => {
-    j === "files" && S !== "version" && H("feed"), j === "subtasks" && S !== "task" && H("feed"), Ke(j) && !ae && !Y && H(tt.includes(S) ? "details" : "feed");
-  }, [S, j, N, ae, Y]);
+  Q(() => {
+    O === "files" && S !== "version" && B("feed"), O === "subtasks" && S !== "task" && B("feed"), Ke(O) && !ae && !Y && B(tt.includes(S) ? "details" : "feed");
+  }, [S, O, N, ae, Y]);
   let Z = ge.length ? ge.map((p) => ({ id: p.id, projectName: p.projectName })) : (
     // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
-    $.map((p) => ({ id: p.id, projectName: p.projectName }))
+    H.map((p) => ({ id: p.id, projectName: p.projectName }))
   );
   Z = Z.filter((p) => p.id);
   const {
-    data: _ = [],
+    data: M = [],
     isFetching: ee,
     isError: d,
     originalArgs: P
@@ -1669,30 +1665,30 @@ const Jn = I(nt)`
       skip: !Z.length || !Gt.includes(S)
     }
   );
-  G(() => {
+  Q(() => {
     h || se();
   }, [P, h]);
-  const B = le(null);
-  G(() => {
-    F || (B.current = null);
-  }, [F]), G(() => {
+  const W = le(null);
+  Q(() => {
+    F || (W.current = null);
+  }, [F]), Q(() => {
     if (!ee && (F?.source === "uri" || F?.source === "url") && F?.entities?.length && E) {
       const p = F.entities[0].id;
-      if (B.current === p) return;
-      const L = _.find((Q) => Q.id === p);
+      if (W.current === p) return;
+      const L = M.find((q) => q.id === p);
       if (!L) return;
-      B.current = p, E(L, F.source);
+      W.current = p, E(L, F.source);
     }
-  }, [_, ee, F, E]);
-  const re = ft(f), W = K[0], Ue = f[W] || {}, z = _[0] || {}, Te = _[_.length - 1], Pe = K[K.length - 1], Me = N === "inbox" && S === "version" && _.length === 1 ? us(_[0]) : void 0, [_e, St] = ws({
-    entity: z,
+  }, [M, ee, F, E]);
+  const re = ft(f), z = _[0], $e = f[z] || {}, G = M[0] || {}, Te = M[M.length - 1], Pe = _[_.length - 1], Me = N === "inbox" && S === "version" && M.length === 1 ? ps(M[0]) : void 0, [_e, St] = xs({
+    entity: G,
     entityType: S,
-    projectName: W,
+    projectName: z,
     isLoading: ee
   }), { setEntityUri: Ct, setUri: He } = wn();
-  G(() => {
+  Q(() => {
     if (!Te?.parents || !Pe) return;
-    const { folderPath: p, taskName: L, versionName: Q, productName: Ge } = gn(
+    const { folderPath: p, taskName: L, versionName: q, productName: Ge } = gn(
       Te.parents,
       S,
       Te.name
@@ -1702,11 +1698,11 @@ const Jn = I(nt)`
       folderPath: p,
       taskName: L,
       productName: Ge,
-      versionName: Q
+      versionName: q
     }), () => {
       He("");
     };
-  }, [_, K, S]), Kn({
+  }, [M, _, S]), Jn({
     entityData: Te,
     project: Pe,
     activeEntityType: S,
@@ -1723,35 +1719,35 @@ const Jn = I(nt)`
   }, De = () => {
     U?.(), pe(null), He(""), Tt(), se();
   };
-  G(() => {
+  Q(() => {
     const p = (L) => {
       if (L.key === "Escape" && U) {
-        const Q = L.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(Q.tagName) || Q.isContentEditable || h === !1 && (Q.closest("#viewer-dialog") || q)) return;
+        const q = L.target;
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(q.tagName) || q.isContentEditable || h === !1 && (q.closest("#viewer-dialog") || K)) return;
         De();
       }
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
-  }, [De, h, q]);
-  const { requestPipWindow: Nt } = xn(), Be = le(null), We = le(null), Et = _.length === 1 && S !== "representation", It = w(() => {
-    const p = z?.label || z?.name || "", L = z?.parents || [], Q = [W];
+  }, [De, h, K]);
+  const { requestPipWindow: Nt } = xn(), Be = le(null), We = le(null), Et = M.length === 1 && S !== "representation", It = w(() => {
+    const p = G?.label || G?.name || "", L = G?.parents || [], q = [z];
     switch (S) {
       case "folder":
       case "task":
       case "product":
-        Q.push(L.at(-1), p);
+        q.push(L.at(-1), p);
         break;
       case "version":
-        Q.push(L.at(-2), L.at(-1), p);
+        q.push(L.at(-2), L.at(-1), p);
         break;
       case "representation":
-        Q.push(L.at(-3), L.at(-2), L.at(-1), p);
+        q.push(L.at(-3), L.at(-2), L.at(-1), p);
         break;
       default:
-        Q.push(p);
+        q.push(p);
     }
-    return Q.filter(Boolean).join(" - ");
-  }, [z, S, W]), Pt = () => {
+    return q.filter(Boolean).join(" - ");
+  }, [G, S, z]), Pt = () => {
     ce({
       entityType: S,
       entities: Z,
@@ -1759,19 +1755,19 @@ const Jn = I(nt)`
     }), Nt(500, 500);
   }, Dt = w(
     () => ({
-      projectName: W,
+      projectName: z,
       entityType: S,
-      entities: _.filter((p) => !!p?.id).map((p) => ({
+      entities: M.filter((p) => !!p?.id).map((p) => ({
         id: p.id,
         entityType: p.entityType || S,
-        projectName: p.projectName || W,
+        projectName: p.projectName || z,
         name: p.name,
         label: p.label || void 0
       })),
       scope: N
     }),
-    [W, S, _, N]
-  ), ze = () => !(K.length > 1 || ue && (!k || !Object.prototype.hasOwnProperty.call(
+    [z, S, M, N]
+  ), ze = () => !(_.length > 1 || ue && (!y || !Object.prototype.hasOwnProperty.call(
     A,
     de.attrib?.email || ""
   )));
@@ -1781,14 +1777,14 @@ const Jn = I(nt)`
       thumbnailInputRef: Be,
       versionsInputRef: We,
       canUploadVersion: Et,
-      children: /* @__PURE__ */ x(Zn, { className: "details-panel", children: [
-        /* @__PURE__ */ x(Jn, { children: [
+      children: /* @__PURE__ */ x(es, { className: "details-panel", children: [
+        /* @__PURE__ */ x(Xn, { children: [
           /* @__PURE__ */ i(
             pn,
             {
               segments: _e,
               versions: St,
-              projectName: W,
+              projectName: z,
               hideProjectName: h,
               isLoading: ee || !_e.length,
               entityType: S,
@@ -1796,16 +1792,16 @@ const Jn = I(nt)`
               entityTypeIcons: Ce
             }
           ),
-          /* @__PURE__ */ x(Xn, { className: "right-tools", children: [
+          /* @__PURE__ */ x(Yn, { className: "right-tools", children: [
             /* @__PURE__ */ i(
-              vs,
+              ys,
               {
                 entityType: S,
-                entityId: z?.id,
+                entityId: G?.id,
                 entityIds: Z.map((p) => p.id).filter(Boolean),
                 entityLabel: It,
-                projectName: W,
-                selectedEntities: _.filter((p) => !!p?.id).map((p) => {
+                projectName: z,
+                selectedEntities: M.filter((p) => !!p?.id).map((p) => {
                   const L = p.entityType || S;
                   return {
                     entityId: p.id,
@@ -1813,16 +1809,16 @@ const Jn = I(nt)`
                     hasReviewables: !!p.hasReviewables,
                     name: p.name,
                     label: p.label,
-                    projectName: p.projectName || W,
+                    projectName: p.projectName || z,
                     folderId: L === "task" ? p.folder?.id : void 0
                   };
                 }),
                 entityListsContext: R,
                 onOpenPip: Pt,
                 onOpenViewer: c,
-                productId: z?.product?.id,
-                taskId: z?.task?.id,
-                folderId: z?.folder?.id
+                productId: G?.product?.id,
+                taskId: G?.task?.id,
+                folderId: G?.folder?.id
               }
             ),
             /* @__PURE__ */ i(
@@ -1831,7 +1827,7 @@ const Jn = I(nt)`
                 entities: Z,
                 entityType: S,
                 options: r || [],
-                onWatchersUpdate: O && O,
+                onWatchersUpdate: j && j,
                 userName: de.name
               }
             ),
@@ -1847,26 +1843,26 @@ const Jn = I(nt)`
           ] })
         ] }),
         Me && /* @__PURE__ */ i(
-          ds,
+          us,
           {
             latestVersion: Me,
-            resolveVersionJump: M
+            resolveVersionJump: $
           }
         ),
         /* @__PURE__ */ i(
-          rs,
+          ls,
           {
             entityType: S,
-            entitySubTypes: v,
-            entities: _,
+            entitySubTypes: k,
+            entities: M,
             users: r,
             disabledAssignees: l,
             disabledStatuses: a,
             tagsOptions: s,
             isFetching: ee,
             isCompact: V,
-            currentTab: j,
-            onTabChange: H,
+            currentTab: O,
+            onTabChange: B,
             projectInfo: ye,
             onOpenViewer: (p) => c?.(p),
             onEntityFocus: g,
@@ -1874,74 +1870,74 @@ const Jn = I(nt)`
             versionsInputRef: We
           }
         ),
-        /* @__PURE__ */ x(ct, { projectName: W, children: [
+        /* @__PURE__ */ x(ct, { projectName: z, children: [
           X && !d && /* @__PURE__ */ i(
             bt,
             {
               entityType: S,
-              entities: _,
+              entities: M,
               activeUsers: u || [],
-              projectInfo: Ue,
-              projectName: W,
+              projectInfo: $e,
+              projectName: z,
               disabled: !ze(),
               scope: N,
               statuses: re,
               readOnly: !1,
-              entityListId: k,
+              entityListId: y,
               annotations: T,
               removeAnnotation: D,
-              exportAnnotationComposite: y,
+              exportAnnotationComposite: v,
               isSlideOut: h
             }
           ),
-          j === "subtasks" && S === "task" && z?.id && J && /* @__PURE__ */ i(
-            Rs,
+          O === "subtasks" && S === "task" && G?.id && J && /* @__PURE__ */ i(
+            Ls,
             {
-              projectName: W,
-              taskId: z.id,
-              taskName: z.name,
-              folderId: z.folder?.id,
-              subtasks: z.task?.subtasks || [],
+              projectName: z,
+              taskId: G.id,
+              taskName: G.name,
+              folderId: G.folder?.id,
+              subtasks: G.task?.subtasks || [],
               SubtasksManager: J,
               useNavigate: he,
-              onNotFound: () => H("feed")
+              onNotFound: () => B("feed")
             }
           ),
-          Y && /* @__PURE__ */ i(Yn, { children: /* @__PURE__ */ i(
-            Dn,
+          Y && /* @__PURE__ */ i(Zn, { children: /* @__PURE__ */ i(
+            Fn,
             {
               contribution: Y,
               context: Dt
             },
             Y.key
           ) }),
-          j === "files" && /* @__PURE__ */ i(
-            cs,
+          O === "files" && /* @__PURE__ */ i(
+            ds,
             {
-              entities: _,
+              entities: M,
               scope: N,
               isLoadingVersion: ee
             }
           ),
-          j === "details" && /* @__PURE__ */ i(
-            xs,
+          O === "details" && /* @__PURE__ */ i(
+            Ss,
             {
               entityType: S,
-              entities: _,
+              entities: M,
               activeUsers: u || [],
-              projectInfo: Ue,
-              projectName: W,
+              projectInfo: $e,
+              projectName: z,
               disabled: !ze(),
               scope: N,
               statuses: re,
               readOnly: !1,
               annotations: T,
               removeAnnotation: D,
-              exportAnnotationComposite: y,
+              exportAnnotationComposite: v,
               children: /* @__PURE__ */ i(
                 cn,
                 {
-                  entities: _,
+                  entities: M,
                   isLoading: ee
                 }
               )
@@ -1951,13 +1947,13 @@ const Jn = I(nt)`
       ] })
     }
   );
-}, Vs = ({
+}, Us = ({
   isOpen: e,
   entityType: n,
   ...t
 }) => {
   const { entities: o } = ne();
-  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(Ls, { ...t, entityType: n || o?.entityType });
+  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(Vs, { ...t, entityType: n || o?.entityType });
 }, $s = Mt`
 from {
   translate: 0 0;
@@ -1966,7 +1962,7 @@ to {
   translate: calc(-100% - 8px) 0;
 
 }
-`, Us = I.div`
+`, Ms = I.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1976,10 +1972,10 @@ to {
   max-width: 533px;
 
   animation: ${$s} 0.2s ease forwards;
-`, Ma = ({ projectsInfo: e, scope: n }) => {
+`, _a = ({ projectsInfo: e, scope: n }) => {
   const { slideOut: t, onOpenViewer: o } = ne(), { entityType: s, entityId: a, projectName: r } = t || {}, l = !!s && !!a && !!r, { data: u } = ot({ projectName: r }, { skip: !r }), f = e[r || ""] || {}, { tags: m = [] } = f, { closeSlideOut: h } = ne(), b = () => h(), N = (V) => o?.(V);
-  return l ? /* @__PURE__ */ i(Us, { children: /* @__PURE__ */ i(
-    Vs,
+  return l ? /* @__PURE__ */ i(Ms, { children: /* @__PURE__ */ i(
+    Us,
     {
       isOpen: !0,
       entityType: s,
@@ -1997,20 +1993,20 @@ to {
     }
   ) }) : null;
 };
-I(qn)`
+I(Kn)`
   .p-dialog-header-icons {
     display: none;
   }
   .p-dialog-content {
   }
 `;
-const Ms = I.div`
+const _s = I.div`
   display: flex;
   flex-direction: column;
   margin: -8px;
   width: calc(100% + 16px);
   height: calc(100% + 16px);
-`, _s = I.header`
+`, Hs = I.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -2022,7 +2018,7 @@ const Ms = I.div`
       display: none;
     }
   }
-`, Hs = I.div`
+`, Bs = I.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -2059,12 +2055,12 @@ const Ms = I.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Bs = I.div`
+`, Ws = I.div`
   display: flex;
   justify-content: space-between;
   padding: 8px;
   padding-top: 0;
-`, Ws = I.div`
+`, zs = I.div`
   border-top: solid 1px var(--md-sys-color-outline-variant);
   height: 100%;
   overflow: hidden;
@@ -2083,7 +2079,7 @@ const Ms = I.div`
       display: none;
     }
   }
-`, zs = I.div`
+`, Gs = I.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2094,8 +2090,8 @@ const Ms = I.div`
   .icon {
     font-variation-settings: 'FILL' 1;
   }
-`, _a = () => {
-  const { pip: e } = ne(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((y) => y.projectName), { data: r = [] } = Qt({ projects: a }, { skip: !s }), { data: l = {}, isFetching: u } = qt(
+`, Ha = () => {
+  const { pip: e } = ne(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Qt({ projects: a }, { skip: !s }), { data: l = {}, isFetching: u } = qt(
     {
       projects: a
     },
@@ -2114,32 +2110,32 @@ const Ms = I.div`
     [l, a]
   ), N = w(
     () => ({
-      task: b.taskTypes.filter((y) => !!y.icon).reduce((y, k) => ({ ...y, [k.name]: k.icon }), {}),
-      folder: b.folderTypes.filter((y) => !!y.icon).reduce((y, k) => ({ ...y, [k.name]: k.icon }), {}),
-      product: b.productTypes.filter((y) => !!y.icon).reduce((y, k) => ({ ...y, [k.name]: k.icon }), {})
+      task: b.taskTypes.filter((v) => !!v.icon).reduce((v, y) => ({ ...v, [y.name]: y.icon }), {}),
+      folder: b.folderTypes.filter((v) => !!v.icon).reduce((v, y) => ({ ...v, [y.name]: y.icon }), {}),
+      product: b.productTypes.filter((v) => !!v.icon).reduce((v, y) => ({ ...v, [y.name]: y.icon }), {})
     }),
     [b]
   ), V = w(
     () => n ? mt(m, n, N) : [],
     [m, n]
-  ), U = w(() => r.filter((y) => m.some((k) => k?.task?.assignees?.includes(y.name))).map((y) => ({ ...y, avatarUrl: `/api/users/${y.name}/avatar` })), [r, t]), O = m[0];
-  if (!m.length || !O) return null;
+  ), U = w(() => r.filter((v) => m.some((y) => y?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), j = m[0];
+  if (!m.length || !j) return null;
   if (h) return /* @__PURE__ */ i("div", { children: "Loading..." });
-  const c = O?.projectName, E = m.some((y) => y?.status !== O?.status) ? {
+  const c = j?.projectName, E = m.some((v) => v?.status !== j?.status) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
-  } : f.find((y) => y.name === O?.status) || {
+  } : f.find((v) => v.name === j?.status) || {
     icon: "",
     color: "",
     name: "None"
   };
   if (!n) return null;
   const { title: T, subTitle: D } = gt(m, n);
-  return /* @__PURE__ */ i(Sn, { children: /* @__PURE__ */ i(ct, { projectName: c, children: /* @__PURE__ */ x(Ms, { children: [
-    /* @__PURE__ */ x(_s, { children: [
+  return /* @__PURE__ */ i(Sn, { children: /* @__PURE__ */ i(ct, { projectName: c, children: /* @__PURE__ */ x(_s, { children: [
+    /* @__PURE__ */ x(Hs, { children: [
       /* @__PURE__ */ i(rt, { thumbnails: V }),
-      /* @__PURE__ */ x(Hs, { children: [
+      /* @__PURE__ */ x(Bs, { children: [
         /* @__PURE__ */ i("h2", { children: T }),
         /* @__PURE__ */ x("div", { className: "sub-title", children: [
           /* @__PURE__ */ x("span", { children: [
@@ -2150,9 +2146,9 @@ const Ms = I.div`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ x(Bs, { children: [
+    /* @__PURE__ */ x(Ws, { children: [
       /* @__PURE__ */ x(
-        zs,
+        Gs,
         {
           style: {
             backgroundColor: E?.color,
@@ -2166,12 +2162,12 @@ const Ms = I.div`
       ),
       /* @__PURE__ */ i(Lt, { users: U, style: { pointerEvents: "none" } })
     ] }),
-    /* @__PURE__ */ i(Ws, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(zs, { children: /* @__PURE__ */ i(
       bt,
       {
         entityType: n,
         entities: m,
-        thumbnailHash: O?.thumbnailHash,
+        thumbnailHash: j?.thumbnailHash,
         activeUsers: [],
         projectInfo: l[c],
         projectName: c,
@@ -2185,22 +2181,22 @@ const Ms = I.div`
 };
 export {
   on as AssigneeSelect,
-  Wa as CloseButton,
+  za as CloseButton,
   en as Content,
-  za as ContentRow,
-  Vs as DetailsPanel,
-  _a as DetailsPanelFloating,
-  Ma as DetailsPanelSlideOut,
-  Ga as Footer,
+  Ga as ContentRow,
+  Us as DetailsPanel,
+  Ha as DetailsPanelFloating,
+  _a as DetailsPanelSlideOut,
+  Qa as Footer,
   Yt as Grid,
   Zt as Header,
   Xt as HeaderContainer,
-  Qa as LabelWrapper,
+  qa as LabelWrapper,
   rn as PriorityEnumDropdown,
   sn as ReadOnlyTags,
   an as StatusSelect,
   nn as TagsSelect,
-  qa as ThumbnailWrapper,
+  Ka as ThumbnailWrapper,
   tn as Title,
   tt as entitiesWithoutFeed
 };