@ynput/ayon-frontend-shared 0.7.5 → 0.8.0

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 I, { keyframes as Mt } from "styled-components";
+import { jsxs as x, jsx as i, Fragment as Ee } from "react/jsx-runtime";
+import { Toolbar as nt, Panel as At, Button as ne, Spacer as st, Icon as Ie, 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 Q, useMemo as w, useRef as le, useState as ie, useContext as Vt, useId as Ut, useCallback as $t } from "react";
+import E, { 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 { br as Bt, bP as Wt, c4 as zt, cA as ot, bz as it, v as Gt, bT as Qt, cf 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 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 Ga, Q as Qa, V as qa, X as Ka, T as Ja } 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 { m as se, u as fn, T as bn, af as vn, a6 as yn, ah as kn, a5 as Ke, G as wn, ag as xn, $ 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 "react-redux";
+import { u as Tn, P as ct } from "./chunks/ProjectFoldersContext.es.js";
 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 be from "clsx";
+import { A as Nn } from "./chunks/Actions.es.js";
+import { f as In, n as En, 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 { a8 as jn, T as On } from "./chunks/FilmstripEntityCard.es.js";
+import { R as Rn } from "./chunks/RepresentationsList.es.js";
+import { I as Ln } from "./chunks/InfoMessage.es.js";
+import { M as Vn, a as Un } from "./chunks/Menu.es.js";
+import { D as $n } from "./chunks/DetailsDialog.es.js";
+import { u as Mn } from "./chunks/VersionUploadContextInstance.es.js";
+import { p as _n } from "./chunks/pluralize.es.js";
+import { c as Hn } from "./chunks/copyToClipboard.es.js";
+import { d as ut, c as Bn } from "./chunks/Feed.es.js";
+import { A as Wn, C as zn } from "./chunks/ThumbnailSimple.es.js";
+import { t as Gn, c as Qn } from "./chunks/queryFilterToClientFilter.es.js";
+import { u as qn } from "./chunks/useDateRangeFilter.es.js";
+import { e as Kn } from "./chunks/expandRelativeDates.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
+import "react-redux";
 import "custom-protocol-check";
 import "./chunks/SimpleForm.es.js";
-import { Dialog as qn } from "primereact/dialog";
-function Kn({
+import { Dialog as Jn } from "primereact/dialog";
+function Xn({
   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 Yn = E(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`
+`, Zn = E.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`
+`, es = E.div`
   flex: 1;
   min-height: 0;
   overflow: auto;
   display: flex;
   flex-direction: column;
-`, Zn = I(At)`
+`, ts = E(At)`
   gap: 0px;
   height: 100%;
   padding: 0px;
@@ -104,22 +104,22 @@ const Jn = I(nt)`
     ),
     [n, e]
   ), isLoading: t };
-}, es = I(nt)`
+}, ns = E(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 = ({
+`, ss = ["product", "representation"], as = ["task"], os = ({
   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 = !ss.includes(e), a = as.includes(e), r = e === "version", { tabs: l } = pt(e);
+  return /* @__PURE__ */ x(ns, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
-      te,
+      ne,
       {
         icon: "forum",
         selected: n === "feed",
@@ -130,7 +130,7 @@ const Jn = I(nt)`
       }
     ),
     a && /* @__PURE__ */ i(
-      te,
+      ne,
       {
         icon: "checklist",
         selected: n === "subtasks",
@@ -141,7 +141,7 @@ const Jn = I(nt)`
       }
     ),
     l.map((u) => /* @__PURE__ */ i(
-      te,
+      ne,
       {
         icon: u.icon,
         selected: n === u.key,
@@ -156,7 +156,7 @@ const Jn = I(nt)`
     )),
     /* @__PURE__ */ i(st, {}),
     r && /* @__PURE__ */ i(
-      te,
+      ne,
       {
         icon: "order_play",
         onClick: () => t("files"),
@@ -167,7 +167,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      te,
+      ne,
       {
         onClick: () => t("details"),
         selected: n === "details",
@@ -177,12 +177,12 @@ const Jn = I(nt)`
       }
     )
   ] });
-}, as = I.div`
+}, is = E.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   overflow: hidden;
-`, os = I.button`
+`, rs = E.button`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -204,18 +204,18 @@ const Jn = I(nt)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, is = ({ entity: e, taskTypes: n }) => {
-  const { openSlideOut: t } = ne(), { projectName: o } = e, s = e.task?.name ? e.task : void 0;
+`, ls = ({ entity: e, taskTypes: n }) => {
+  const { openSlideOut: t } = se(), { 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(is, { className: "linked-task", children: [
     /* @__PURE__ */ i("span", { children: "Task" }),
     /* @__PURE__ */ x(
-      os,
+      rs,
       {
         onClick: () => t({ entityId: s.id, entityType: "task", projectName: o }),
         children: [
-          /* @__PURE__ */ i(Ee, { icon: a?.icon || "task_alt", style: { color: a?.color || void 0 } }),
+          /* @__PURE__ */ i(Ie, { icon: a?.icon || "task_alt", style: { color: a?.color || void 0 } }),
           /* @__PURE__ */ i("span", { className: "label", children: s.label || s.name })
         ]
       }
@@ -280,7 +280,7 @@ const Jn = I(nt)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, rs = ({
+}, cs = ({
   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: O, useNavigate: c, bundleMode: g } = se(), C = c(), [I, T] = O(), 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",
@@ -324,102 +324,108 @@ const Jn = I(nt)`
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const se = t.length > 1 ? void 0 : R?.projectName;
+  const ae = 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(
+  ), X = w(() => ke(...K), [K]), he = t.every((d) => d.projectName === R?.projectName), j = In(
     he ? R?.projectName : void 0,
     r
-  ), H = t.length > 1, X = w(() => Qe(q), [q]), xe = w(
+  ), z = t.length > 1, Y = 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({
+  ), ge = !z && !!R?.hasReviewables, ve = ue.length === 1, { attribAccess: S, updateEntity: fe } = 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))
-      return P == null ? console.error("value is null or undefined") : ge(d, P);
-  }, Y = (d, P) => {
-    const B = new Map(
-      t.map((re) => [re.id, (d === "tags" ? re.tags : re.task?.assignees) || []])
+  }), { writableFields: k } = S, B = !k || k.includes("status"), _ = !k || k.includes("tags"), re = e === "task" && (!k || k.includes("assignees")), oe = (d, P) => {
+    if (!(d !== "attrib" && k && !k.includes(d)) && !(d === "assignees" && !re))
+      return P == null ? console.error("value is null or undefined") : fe(d, P);
+  }, Z = (d, P) => {
+    const W = new Map(
+      t.map((J) => [J.id, (d === "tags" ? J.tags : J.task?.assignees) || []])
     );
-    d === "tags" && j?.addTags(P.add), ae(d, (re) => Ft(B.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,
-      projectName: se,
-      versionIds: d
-    });
+    d === "tags" && j?.addTags(P.add), oe(d, (J) => Ft(W.get(J) || [], P));
+  }, Se = (d) => {
+    let P, W = R.id, J = e + "Id";
+    if (e === "version" && R.product?.id && (P = [R.id], W = R.product?.id, J = "productId"), W) {
+      const H = On(d);
+      b({
+        [J]: W,
+        projectName: ae,
+        versionIds: P,
+        reviewableIds: H && [H.fileId],
+        goToPosition: H?.position
+      });
+    }
   }, 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: ee, subTitle: M } = gt(t, e), te = y?.length !== 0 && y?.find((d) => d.name === F[0]);
   return /* @__PURE__ */ i(Xt, { children: /* @__PURE__ */ i(
     dn,
     {
       entities: t,
       entityType: e,
-      projectName: se,
+      projectName: ae,
       thumbnailInputRef: V,
       versionsInputRef: U,
       onVersionCreated: (d) => N?.(d, "version"),
-      children: /* @__PURE__ */ x(Yt, { className: fe("details-panel-header", { isCompact: u }), children: [
+      children: /* @__PURE__ */ x(Yt, { className: be("details-panel-header", { isCompact: u }), children: [
         /* @__PURE__ */ x(
           Zt,
           {
-            className: fe("titles", { isCompact: u, loading: M }, "no-shimmer"),
+            className: be("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
+                    hoverIcon: ge ? "play_circle" : void 0,
+                    filmstrip: ge
                   }
                 ),
-                be && /* @__PURE__ */ i(An, {})
+                ge && /* @__PURE__ */ i(jn, {})
               ] }),
-              /* @__PURE__ */ x(en, { className: fe({ loading: M }), children: [
+              /* @__PURE__ */ x(en, { className: be({ loading: $ }), children: [
                 /* @__PURE__ */ x(tn, { children: [
-                  /* @__PURE__ */ i("h2", { children: Z }),
-                  K ? /* @__PURE__ */ x(Ie, { children: [
+                  /* @__PURE__ */ i("h2", { children: ee }),
+                  _ ? /* @__PURE__ */ x(Ee, { 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);
+                          j?.addTags(d.filter((P) => !X.includes(P))), oe("tags", d);
                         },
-                        mixedCounts: H ? X : void 0,
+                        mixedCounts: z ? Y : void 0,
                         mixedTotal: t.length,
                         mixedLabel: `${e}s`,
-                        onMixedChange: (d) => Y("tags", d),
+                        onMixedChange: (d) => Z("tags", d),
                         onEditOption: j?.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) => {
+                  ] }) : /* @__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 +445,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" && !z && !$ && R && /* @__PURE__ */ i(
+                  ls,
                   {
                     entity: R,
                     taskTypes: h.taskTypes
@@ -457,44 +463,44 @@ const Jn = I(nt)`
           an,
           {
             value: F,
-            options: k || [],
+            options: y || [],
             disabledValues: a,
-            disableOpen: !$,
+            disableOpen: !B,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (d) => ae("status", d),
-            className: fe("status-select", { loading: M }),
+            onChange: (d) => oe("status", d),
+            className: be("status-select", { loading: $ }),
             align: u ? "right" : "left",
-            $textColor: Re(ee !== void 0 ? ee.color : "#OOO")
+            $textColor: Re(te !== void 0 ? te.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",
-            readOnly: !ie,
-            emptyMessage: ie ? "Assign user" : "-",
+            isMultiple: z && A.length > 1 && e === "task",
+            readOnly: !re,
+            emptyMessage: re ? "Assign user" : "-",
             align: "right",
-            onChange: (d) => ae("assignees", d),
-            mixedCounts: H && e === "task" ? xe : void 0,
+            onChange: (d) => oe("assignees", d),
+            mixedCounts: z && e === "task" ? xe : void 0,
             mixedTotal: t.length,
             mixedLabel: `${e}s`,
-            onMixedChange: (d) => Y("assignees", d),
+            onMixedChange: (d) => Z("assignees", d),
             className: "assignee-select",
             "data-tooltip": A.length ? e === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i(
-          Tn,
+          Nn,
           {
             entities: t,
             entityType: e,
             entitySubTypes: n,
-            isLoadingEntity: !!l || !!M,
-            searchParams: E,
+            isLoadingEntity: !!l || !!$,
+            searchParams: I,
             bundleMode: g,
             onSetSearchParams: T,
             onNavigate: C
@@ -506,29 +512,29 @@ const Jn = I(nt)`
             options: de,
             placeholder: "No priority",
             value: pe,
-            onChange: (d) => ae("attrib", { priority: d[0] }),
+            onChange: (d) => oe("attrib", { priority: d[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          ss,
+          os,
           {
             entityType: e,
             currentTab: f,
             onTabChange: m,
-            isLoading: M
+            isLoading: $
           }
         )
       ] })
     }
   ) });
-}, ls = I.div`
+}, ds = E.div`
   display: flex;
   flex-direction: column;
 
   height: 100%;
   overflow: hidden;
-`, Xe = I.div`
+`, Xe = E.div`
   position: relative;
   flex: 1;
   display: flex;
@@ -542,7 +548,7 @@ const Jn = I(nt)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, cs = ({
+`, us = ({
   entities: e = [],
   scope: n,
   isLoadingVersion: t
@@ -550,7 +556,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(ds, { children: [
     /* @__PURE__ */ x(Xe, { children: [
       /* @__PURE__ */ i("h4", { children: s }),
       /* @__PURE__ */ i(
@@ -566,16 +572,16 @@ const Jn = I(nt)`
     ] }),
     /* @__PURE__ */ x(Xe, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(Fn, { entities: e })
+      /* @__PURE__ */ i(Rn, { entities: e })
     ] })
   ] });
-}, ds = ({
+}, ps = ({
   latestVersion: e,
   resolveVersionJump: n
 }) => {
   const t = n?.(e.id);
   return /* @__PURE__ */ i(
-    jn,
+    Ln,
     {
       variant: "info",
       compact: !0,
@@ -589,16 +595,16 @@ const Jn = I(nt)`
       } : void 0
     }
   );
-}, us = (e) => {
+}, ms = (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 = ({
+}, hs = () => ({
+  onOpenVersionUpload: Mn()?.onOpenVersionUpload ?? null
+}), gs = (e, n, t) => {
+  const o = An({ entityType: e, id: n, projectName: t });
+  return o ? `${typeof window < "u" ? window.location.origin : ""}${o}` : null;
+}, fs = ({
   entityType: e,
   entityId: n,
   projectName: t,
@@ -620,7 +626,7 @@ const Jn = I(nt)`
   onViewData: g,
   onDelete: C
 }) => {
-  const E = w(() => o.length ? o.filter((T) => !!T?.entityId).map((T) => ({
+  const I = w(() => o.length ? o.filter((T) => !!T?.entityId).map((T) => ({
     entityId: T.entityId,
     entityType: T.entityType || e,
     hasReviewables: T.hasReviewables
@@ -647,42 +653,42 @@ const Jn = I(nt)`
       label: "Upload version",
       icon: "upload",
       onClick: O
-    }), m?.openAddToListDialog && t && E.length) {
-      const k = E[0]?.entityType || e, A = m.openAddToListDialog;
+    }), m?.openAddToListDialog && t && I.length) {
+      const y = I[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, I)
+      }), (y === "version" || y === "representation") && m.hasReviewAddon) {
+        const $ = I.some((ae) => ae.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, I, { isReview: !0 })
         });
       }
     }
-    const D = E[0], y = D?.entityId && t ? ms(
+    const D = I[0], v = D?.entityId && t ? gs(
       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 ${_n(s.length, A)}`;
       T.push({
         id: "delete",
         label: R,
@@ -691,7 +697,7 @@ const Jn = I(nt)`
         onClick: C
       });
     }
-    return { items: T, shareLink: y };
+    return { items: T, shareLink: v };
   }, [
     l,
     u,
@@ -703,7 +709,7 @@ const Jn = I(nt)`
     h,
     b,
     t,
-    E,
+    I,
     e,
     N,
     V,
@@ -713,18 +719,18 @@ const Jn = I(nt)`
     g,
     C
   ]);
-}, gs = I.div`
+}, bs = E.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`, Ye = I.div`
+`, Ye = E.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
-`, Ze = I.span`
+`, Ze = E.span`
   font-size: 13px;
   color: var(--md-sys-color-on-surface);
-`, et = I.button`
+`, et = E.button`
   display: flex;
   align-items: center;
   gap: 12px;
@@ -753,28 +759,28 @@ const Jn = I(nt)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, fs = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
+`, vs = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
   if (!t) return null;
   const s = `[${n}](${e})`, a = (r) => {
-    Un(r, !0), o();
+    Hn(r, !0), o();
   };
-  return /* @__PURE__ */ i(jt, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ x(gs, { children: [
+  return /* @__PURE__ */ i(jt, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ x(bs, { children: [
     /* @__PURE__ */ x(Ye, { children: [
       /* @__PURE__ */ i(Ze, { children: "Link" }),
       /* @__PURE__ */ x(et, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: e }),
-        /* @__PURE__ */ i(Ee, { icon: "content_copy" })
+        /* @__PURE__ */ i(Ie, { icon: "content_copy" })
       ] })
     ] }),
     /* @__PURE__ */ x(Ye, { children: [
       /* @__PURE__ */ i(Ze, { children: "Markdown Link" }),
       /* @__PURE__ */ x(et, { type: "button", onClick: () => a(s), "aria-label": "Copy markdown link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: s }),
-        /* @__PURE__ */ i(Ee, { icon: "content_copy" })
+        /* @__PURE__ */ i(Ie, { icon: "content_copy" })
       ] })
     ] })
   ] }) });
-}, bs = (e, n, t, o) => {
+}, ys = (e, n, t, o) => {
   const s = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
@@ -788,7 +794,7 @@ const Jn = I(nt)`
     default:
       return null;
   }
-}, vs = ({
+}, ks = ({
   entityType: e,
   entityId: n,
   entityIds: t,
@@ -802,121 +808,117 @@ 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] = ie(!1), [U, O] = ie(null), { menuOpen: c, toggleMenuOpen: g, setMenuOpen: C } = fn(), { triggerThumbnailUpload: I, canUploadVersion: T } = Vt(bn), { onOpenVersionUpload: D } = hs(), 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 && !!I, $ = !!T && !!D, ae = () => {
     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,
-      projectName: ie,
-      folderId: $.folderId,
-      parentId: $.parentId
+  }, ce = n && s ? ys(e, n, s, f) : null, de = !!u && !!ce, ue = vn(), F = w(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((B) => {
+    const _ = B.entityType || e, re = B.projectName || s;
+    return !yn(_) || !B.entityId || !re ? null : {
+      id: B.entityId,
+      entityType: _,
+      name: B.name,
+      label: B.label,
+      projectName: re,
+      folderId: B.folderId,
+      parentId: B.parentId
     };
-  }).filter(($) => $ !== null), [a, n, e, s]), pe = !!ue && F.length > 0, q = () => {
+  }).filter((B) => B !== null), [a, n, e, s]), pe = !!ue && F.length > 0, K = () => {
     C(!1), ue?.deleteEntities(F);
-  }, { contributions: me } = dt("detailsPanel.menuItem"), J = w(
+  }, { contributions: me } = dt("detailsPanel.menuItem"), X = 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 B = (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: B };
+  }, [a, n, e, s]), j = $t(
+    (k) => ({
+      id: k.key,
+      label: k.label,
+      icon: k.icon,
+      "data-addon-item": k.key,
+      onClick: () => Je(k, he)
     }),
     [he]
-  ), H = w(
+  ), z = w(
     () => [
-      ...Ne(J, "top"),
-      ...Ne(J, "bottom")
-    ].filter((v) => v.pinned),
-    [J]
-  ), X = w(
-    () => J.filter((v) => !v.pinned),
-    [J]
+      ...Ne(X, "top"),
+      ...Ne(X, "bottom")
+    ].filter((k) => k.pinned),
+    [X]
+  ), Y = w(
+    () => X.filter((k) => !k.pinned),
+    [X]
   ), xe = w(
-    () => Ne(X, "top").map(j),
-    [X, j]
-  ), be = w(
-    () => Ne(X, "bottom").map(j),
-    [X, j]
+    () => Ne(Y, "top").map(j),
+    [Y, j]
+  ), ge = w(
+    () => Ne(Y, "bottom").map(j),
+    [Y, j]
   );
-  G(() => {
-    A && X.forEach((v) => Le(v.run));
-  }, [A, X]);
-  const { items: ve } = hs({
+  Q(() => {
+    A && Y.forEach((k) => Le(k.run));
+  }, [A, Y]);
+  const { items: ve } = fs({
     entityType: e,
     entityId: n,
     projectName: s,
     selectedEntities: a,
     deleteEntities: F,
     canUploadThumbnail: R,
-    canUploadVersion: M,
+    canUploadVersion: $,
     canOpenPip: !!l,
     canOpenViewer: de,
     canDelete: pe,
     entityListsContext: r,
     extraTopItems: xe,
-    extraItems: be,
+    extraItems: ge,
     onPip: () => l?.(),
     onOpenViewer: () => ce && u?.(ce),
-    onUploadThumbnail: () => E?.(),
-    onUploadVersion: se,
-    onShare: (v) => O(v),
+    onUploadThumbnail: () => I?.(),
+    onUploadVersion: ae,
+    onShare: (k) => O(k),
     onViewData: () => V(!0),
-    onDelete: q
-  }), S = t?.length ? t : n ? [n] : [], ge = o || n || "";
-  return /* @__PURE__ */ x(Ie, { children: [
-    H.map((v) => /* @__PURE__ */ i(
-      te,
+    onDelete: K
+  }), S = t?.length ? t : n ? [n] : [], fe = o || n || "";
+  return /* @__PURE__ */ x(Ee, { children: [
+    z.map((k) => /* @__PURE__ */ i(
+      ne,
       {
-        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,
+      ne,
       {
         ref: b,
         icon: "more_horiz",
         variant: "text",
         "data-tooltip": "More actions",
         "aria-label": "More actions",
-        className: fe({ active: A }),
-        onClick: () => g(k)
+        className: be({ active: A }),
+        onClick: () => g(y)
       }
     ),
-    /* @__PURE__ */ i(On, { id: k, target: b.current, align: "right", children: /* @__PURE__ */ i(Rn, { menu: ve, onClose: () => C(!1) }) }),
+    /* @__PURE__ */ i(Vn, { id: y, target: b.current, align: "right", children: /* @__PURE__ */ i(Un, { menu: ve, onClose: () => C(!1) }) }),
     N && s && S.length > 0 && /* @__PURE__ */ i(
-      Ln,
+      $n,
       {
         projectName: s,
         entityType: e,
@@ -926,16 +928,16 @@ const Jn = I(nt)`
       }
     ),
     U && /* @__PURE__ */ i(
-      fs,
+      vs,
       {
         link: U,
-        entityLabel: ge,
+        entityLabel: fe,
         visible: !0,
         onHide: () => O(null)
       }
     )
   ] });
-}, ys = (e, n) => {
+}, ws = (e, n) => {
   const t = [e];
   let o = e;
   for (; o.parentId && o.parentId !== "root"; ) {
@@ -945,17 +947,17 @@ const Jn = I(nt)`
     t.unshift(s), o = s;
   }
   return t;
-}, ks = (e, n) => {
+}, xs = (e, n) => {
   const t = [];
   let o = n.get(e.folder?.id || "");
-  if ((o ? ys(o, n) : []).forEach((a) => {
+  if ((o ? ws(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 = ({
+}, Ss = ({
   entity: e,
   entityType: n,
   projectName: t,
@@ -967,7 +969,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 +987,7 @@ const Jn = I(nt)`
     [s]
   );
   return [w(
-    () => r ? [] : ks(e, f),
+    () => r ? [] : xs(e, f),
     [r, s, e]
   ), u];
 }, ft = (e, n) => {
@@ -1004,7 +1006,7 @@ const Jn = I(nt)`
   exportAnnotationComposite: u,
   ...f
 }) => {
-  const m = { annotations: r, removeAnnotation: l, exportAnnotationComposite: u }, { user: h } = ne(), b = h.name || "", N = h.attrib?.fullName || "";
+  const m = { annotations: r, removeAnnotation: l, exportAnnotationComposite: u }, { user: h } = se(), b = h.name || "", N = h.attrib?.fullName || "";
   return /* @__PURE__ */ x(
     ut,
     {
@@ -1018,12 +1020,12 @@ const Jn = I(nt)`
       ...m,
       ...f,
       children: [
-        /* @__PURE__ */ i(_n, { ...f, statuses: f.statuses }),
-        /* @__PURE__ */ i(Hn, {})
+        /* @__PURE__ */ i(Bn, { ...f, statuses: f.statuses }),
+        /* @__PURE__ */ i(Wn, {})
       ]
     }
   );
-}, xs = ({
+}, Cs = ({
   children: e,
   scope: n = "dashboard",
   entities: t,
@@ -1035,7 +1037,7 @@ const Jn = I(nt)`
   exportAnnotationComposite: u,
   ...f
 }) => {
-  const m = { annotations: r, removeAnnotation: l, exportAnnotationComposite: u }, { user: h } = ne(), b = h?.name ?? "", N = h?.attrib?.fullName ?? "", [V, U] = oe(null);
+  const m = { annotations: r, removeAnnotation: l, exportAnnotationComposite: u }, { user: h } = se(), b = h?.name ?? "", N = h?.attrib?.fullName ?? "", [V, U] = ie(null);
   return /* @__PURE__ */ i(
     ut,
     {
@@ -1097,23 +1099,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`
+}, Ts = E.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;
   gap: var(--base-gap-small);
-`, Cs = I.span`
+`, Ns = E.span`
   font-weight: 600;
   user-select: none;
-`, Ts = I.div`
+`, Is = E.div`
   display: flex;
   gap: var(--base-gap-small);
-`, Oe = I(te)`
+`, Oe = E(ne)`
   background-color: unset;
   &.hasIcon {
     padding: 4px;
   }
-`, Ns = I.div`
+`, Es = E.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1130,10 +1132,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)`
+`, Ps = E(Pn)`
   width: 28px;
   height: 28px;
-`, Is = I.input`
+`, Ds = E.input`
   flex: 1;
   min-width: 0;
   border: none;
@@ -1146,14 +1148,14 @@ const Jn = I(nt)`
   &::placeholder {
     color: var(--md-sys-color-outline);
   }
-`, Ps = I(te)`
+`, As = E(ne)`
   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,17 +1185,17 @@ const Jn = I(nt)`
     operator: t,
     value: a[0] || ""
   };
-}, Ds = ({
+}, Fs = ({
   label: e,
   filters: n,
   currentFilter: t,
   onFilterChange: o,
   isLoading: s
 }) => {
-  const [a, r] = oe(null), [l, u] = oe(""), f = le(null), m = (c) => typeof c == "object" && c !== null && !Array.isArray(c);
-  G(() => {
+  const [a, r] = ie(null), [l, u] = ie(""), f = le(null), m = (c) => typeof c == "object" && c !== null && !Array.isArray(c);
+  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));
@@ -1205,39 +1207,39 @@ const Jn = I(nt)`
       o(c.id);
       return;
     }
-    const C = t.conditions ? [...t.conditions] : [], E = {
+    const C = t.conditions ? [...t.conditions] : [], I = {
       ...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);
       }
     }
-    o(E);
+    o(I);
   }, b = (c) => {
     const g = String(c.id);
     if (a !== g && (r(g), m(t))) {
-      const C = t.conditions?.find((E) => we(E, g));
+      const C = t.conditions?.find((I) => we(I, g));
       u(C ? Ve(C) : "");
     }
   }, N = (c, g) => {
@@ -1245,20 +1247,20 @@ const Jn = I(nt)`
   }, 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)
+    (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(Ts, { className: be("panel-tabs", { loading: s }), children: [
+    /* @__PURE__ */ i(Ns, { className: "panel-header-label", children: e }),
     /* @__PURE__ */ i(st, {}),
-    /* @__PURE__ */ i(Ts, { className: "panel-header-filters", children: n.map((c) => {
+    /* @__PURE__ */ i(Is, { className: "panel-header-filters", children: n.map((c) => {
       const g = U(c), C = c.type || "boolean";
       if (C === "enum")
         return /* @__PURE__ */ i(
-          Es,
+          Ps,
           {
             options: c.options || [],
             value: O(c),
-            onChange: (E) => h(c, E),
+            onChange: (I) => h(c, I),
             isEditing: !0,
             autoOpen: !1,
             align: "right",
@@ -1278,25 +1280,25 @@ const Jn = I(nt)`
           String(c.id)
         );
       if (C === "search") {
-        const E = a === String(c.id);
+        const I = a === String(c.id);
         return /* @__PURE__ */ x(
-          Ns,
+          Es,
           {
-            className: fe("panel-filter", "panel-filter-search", { expanded: E }),
+            className: be("panel-filter", "panel-filter-search", { expanded: I }),
             children: [
               /* @__PURE__ */ i(
                 Oe,
                 {
-                  selected: g || E,
+                  selected: g || I,
                   onClick: () => b(c),
                   icon: c.icon,
-                  "data-tooltip": E ? void 0 : c.tooltip,
+                  "data-tooltip": I ? void 0 : c.tooltip,
                   "data-tooltip-delay": 0
                 }
               ),
-              E && /* @__PURE__ */ x(Ie, { children: [
+              I && /* @__PURE__ */ x(Ee, { children: [
                 /* @__PURE__ */ i(
-                  Is,
+                  Ds,
                   {
                     ref: f,
                     value: l,
@@ -1308,7 +1310,7 @@ const Jn = I(nt)`
                   }
                 ),
                 /* @__PURE__ */ i(
-                  Ps,
+                  As,
                   {
                     icon: "close",
                     onClick: () => V(c),
@@ -1336,7 +1338,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, js = (e, n) => {
   const t = [], o = [], s = (a) => {
     if (!a) return;
     if (wt(a)) {
@@ -1391,7 +1393,7 @@ const Jn = I(nt)`
       });
       return;
     }
-    const r = Wn(a, n);
+    const r = Gn(a, n);
     if (r) {
       t.push(r);
       return;
@@ -1399,7 +1401,7 @@ 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);
@@ -1412,12 +1414,12 @@ 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 = Qn(s, o);
         r && n.push(r);
       } else
         n.push({ key: s, operator: "in", value: a.map(String) });
   }), t.length === 1 ? n.push(t[0]) : t.length > 1 && n.push({ operator: "or", conditions: t }), { operator: "and", conditions: n };
-}, xt = (e) => wt(e) ? e.key !== "search" || typeof e.value != "string" ? e : Ht(e.value, (n) => ({ ...e, value: n })) ?? e : { ...e, conditions: e.conditions?.map(xt) }, js = I.div`
+}, xt = (e) => wt(e) ? e.key !== "search" || typeof e.value != "string" ? e : Ht(e.value, (n) => ({ ...e, value: n })) ?? e : { ...e, conditions: e.conditions?.map(xt) }, Rs = E.div`
   padding: 4px 8px;
   padding-bottom: 0;
 
@@ -1425,7 +1427,7 @@ const Jn = I(nt)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, Os = ({
+`, Ls = ({
   subtasksFilter: e,
   setSubtasksFilter: n,
   users: t,
@@ -1478,12 +1480,12 @@ const Jn = I(nt)`
       //   },
     ],
     [t]
-  ), u = w(() => As(e, l), [e, l]), [f, m] = oe(u), h = le(null), b = Gn();
-  G(() => {
+  ), u = w(() => js(e, l), [e, l]), [f, m] = ie(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);
@@ -1496,7 +1498,7 @@ const Jn = I(nt)`
     () => [{ id: "isDone", label: O, tooltip: "Status" }],
     [O]
   );
-  return /* @__PURE__ */ x(js, { className: o ? "loading" : void 0, children: [
+  return /* @__PURE__ */ x(Rs, { className: o ? "loading" : void 0, children: [
     /* @__PURE__ */ i(
       Rt,
       {
@@ -1527,7 +1529,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      Bn,
+      zn,
       {
         isOpen: !!b.customRangeFilterId,
         header: l.find((g) => g.id === b.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
@@ -1540,8 +1542,8 @@ const Jn = I(nt)`
       }
     )
   ] });
-}, Rs = ({ ...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(() => {
+}, Vs = ({ ...e }) => {
+  const [n, t] = ie({}), [o, s] = ie(""), [a, r] = ie([]), { dispatch: l } = se(), { 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) {
       const N = { key: "search", operator: "like", value: o };
@@ -1551,11 +1553,11 @@ const Jn = I(nt)`
         operator: "and"
       };
     }
-    return Qn(xt(b));
+    return Kn(xt(b));
   }, [n, o]);
-  return /* @__PURE__ */ x(Ie, { children: [
+  return /* @__PURE__ */ x(Ee, { children: [
     /* @__PURE__ */ i(
-      Ds,
+      Fs,
       {
         label: `Subtasks (${f})`,
         filters: [],
@@ -1564,7 +1566,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      Os,
+      Ls,
       {
         subtasksFilter: n,
         setSubtasksFilter: t,
@@ -1575,7 +1577,7 @@ const Jn = I(nt)`
       }
     ),
     /* @__PURE__ */ i(
-      Pn,
+      Dn,
       {
         ...e,
         style: { padding: 8, height: "unset" },
@@ -1588,7 +1590,7 @@ const Jn = I(nt)`
       }
     )
   ] });
-}, tt = ["product", "representation"], Ls = ({
+}, tt = ["product", "representation"], Us = ({
   entityType: e,
   entitySubTypes: n = [],
   // entities is data we already have from kanban
@@ -1611,88 +1613,88 @@ const Jn = I(nt)`
   onOpenViewer: c,
   onEntityFocus: g,
   onOpen: C,
-  onUriOpen: E,
+  onUriOpen: I,
   // when the details panel is opened from uri
   // annotations
   annotations: T,
   removeAnnotation: D,
-  exportAnnotationComposite: y,
-  entityListId: k,
+  exportAnnotationComposite: v,
+  entityListId: y,
   guestCategories: A = {},
   entityListsContext: R,
-  resolveVersionJump: M
+  resolveVersionJump: $
 }) => {
   const {
-    closeSlideOut: se,
+    closeSlideOut: ae,
     openPip: ce,
     user: de,
     isGuest: ue,
     entities: F,
     setEntities: pe,
-    slideOut: q,
+    slideOut: K,
     useSearchParams: me,
-    SubtasksManager: J,
+    SubtasksManager: X,
     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;
+  } = se(), { currentTab: j, setTab: z, isFeed: Y } = kn(N), [xe, ge] = me(), ve = le(!1), S = F?.entityType ?? e, fe = F?.entities ?? o, k = F?.entitySubTypes ?? n, B = F?.entities ? [] : t, _ = F?.entities ? F.entities.map((p) => p.projectName) : m;
   hn(
-    S ? ge.map((p) => ({ ...p, entityType: S })) : [],
+    S ? fe.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: re, isLoading: oe } = pt(S), Z = re.find((p) => p.key === j), Se = Ke(j) && oe;
+  Q(() => {
+    tt.includes(S) && j !== "details" && !Z && !Se && z("details");
+  }, [S, j, z, Z, 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]);
-  let Z = ge.length ? ge.map((p) => ({ id: p.id, projectName: p.projectName })) : (
+  Q(() => {
+    j === "files" && S !== "version" && z("feed"), j === "subtasks" && S !== "task" && z("feed"), Ke(j) && !oe && !Z && z(tt.includes(S) ? "details" : "feed");
+  }, [S, j, N, oe, Z]);
+  let ee = fe.length ? fe.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 }))
+    B.map((p) => ({ id: p.id, projectName: p.projectName }))
   );
-  Z = Z.filter((p) => p.id);
+  ee = ee.filter((p) => p.id);
   const {
-    data: _ = [],
-    isFetching: ee,
+    data: M = [],
+    isFetching: te,
     isError: d,
     originalArgs: P
   } = it(
-    { entityType: S, entities: Z },
+    { entityType: S, entities: ee },
     {
-      skip: !Z.length || !Gt.includes(S)
+      skip: !ee.length || !Gt.includes(S)
     }
   );
-  G(() => {
-    h || se();
+  Q(() => {
+    h || ae();
   }, [P, h]);
-  const B = le(null);
-  G(() => {
-    F || (B.current = null);
-  }, [F]), G(() => {
-    if (!ee && (F?.source === "uri" || F?.source === "url") && F?.entities?.length && E) {
+  const W = le(null);
+  Q(() => {
+    F || (W.current = null);
+  }, [F]), Q(() => {
+    if (!te && (F?.source === "uri" || F?.source === "url") && F?.entities?.length && I) {
       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, I(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, te, F, I]);
+  const J = ft(f), H = _[0], $e = f[H] || {}, G = M[0] || {}, Te = M[M.length - 1], Pe = _[_.length - 1], Me = N === "inbox" && S === "version" && M.length === 1 ? ms(M[0]) : void 0, [_e, St] = Ss({
+    entity: G,
     entityType: S,
-    projectName: W,
-    isLoading: ee
+    projectName: H,
+    isLoading: te
   }), { 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,18 +1704,18 @@ const Jn = I(nt)`
       folderPath: p,
       taskName: L,
       productName: Ge,
-      versionName: Q
+      versionName: q
     }), () => {
       He("");
     };
-  }, [_, K, S]), Kn({
+  }, [M, _, S]), Xn({
     entityData: Te,
     project: Pe,
     activeEntityType: S,
-    entitiesToQuery: Z
+    entitiesToQuery: ee
   });
   const Tt = () => {
-    be(
+    ge(
       (p) => {
         const L = new URLSearchParams(p);
         return L.delete("project"), L.delete("type"), L.delete("id"), L;
@@ -1721,57 +1723,57 @@ const Jn = I(nt)`
       { replace: !0 }
     );
   }, De = () => {
-    U?.(), pe(null), He(""), Tt(), se();
+    U?.(), pe(null), He(""), Tt(), ae();
   };
-  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), It = M.length === 1 && S !== "representation", Et = w(() => {
+    const p = G?.label || G?.name || "", L = G?.parents || [], q = [H];
     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, H]), Pt = () => {
     ce({
       entityType: S,
-      entities: Z,
+      entities: ee,
       scope: N
     }), Nt(500, 500);
   }, Dt = w(
     () => ({
-      projectName: W,
+      projectName: H,
       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 || H,
         name: p.name,
         label: p.label || void 0
       })),
       scope: N
     }),
-    [W, S, _, N]
-  ), ze = () => !(K.length > 1 || ue && (!k || !Object.prototype.hasOwnProperty.call(
+    [H, S, M, N]
+  ), ze = () => !(_.length > 1 || ue && (!y || !Object.prototype.hasOwnProperty.call(
     A,
     de.attrib?.email || ""
   )));
@@ -1780,32 +1782,32 @@ const Jn = I(nt)`
     {
       thumbnailInputRef: Be,
       versionsInputRef: We,
-      canUploadVersion: Et,
-      children: /* @__PURE__ */ x(Zn, { className: "details-panel", children: [
-        /* @__PURE__ */ x(Jn, { children: [
+      canUploadVersion: It,
+      children: /* @__PURE__ */ x(ts, { className: "details-panel", children: [
+        /* @__PURE__ */ x(Yn, { children: [
           /* @__PURE__ */ i(
             pn,
             {
               segments: _e,
               versions: St,
-              projectName: W,
+              projectName: H,
               hideProjectName: h,
-              isLoading: ee || !_e.length,
+              isLoading: te || !_e.length,
               entityType: S,
               scope: N,
               entityTypeIcons: Ce
             }
           ),
-          /* @__PURE__ */ x(Xn, { className: "right-tools", children: [
+          /* @__PURE__ */ x(Zn, { className: "right-tools", children: [
             /* @__PURE__ */ i(
-              vs,
+              ks,
               {
                 entityType: S,
-                entityId: z?.id,
-                entityIds: Z.map((p) => p.id).filter(Boolean),
-                entityLabel: It,
-                projectName: W,
-                selectedEntities: _.filter((p) => !!p?.id).map((p) => {
+                entityId: G?.id,
+                entityIds: ee.map((p) => p.id).filter(Boolean),
+                entityLabel: Et,
+                projectName: H,
+                selectedEntities: M.filter((p) => !!p?.id).map((p) => {
                   const L = p.entityType || S;
                   return {
                     entityId: p.id,
@@ -1813,22 +1815,22 @@ const Jn = I(nt)`
                     hasReviewables: !!p.hasReviewables,
                     name: p.name,
                     label: p.label,
-                    projectName: p.projectName || W,
+                    projectName: p.projectName || H,
                     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(
               ln,
               {
-                entities: Z,
+                entities: ee,
                 entityType: S,
                 options: r || [],
                 onWatchersUpdate: O && O,
@@ -1836,7 +1838,7 @@ const Jn = I(nt)`
               }
             ),
             U && /* @__PURE__ */ i(
-              te,
+              ne,
               {
                 icon: "close",
                 variant: "text",
@@ -1847,26 +1849,26 @@ const Jn = I(nt)`
           ] })
         ] }),
         Me && /* @__PURE__ */ i(
-          ds,
+          ps,
           {
             latestVersion: Me,
-            resolveVersionJump: M
+            resolveVersionJump: $
           }
         ),
         /* @__PURE__ */ i(
-          rs,
+          cs,
           {
             entityType: S,
-            entitySubTypes: v,
-            entities: _,
+            entitySubTypes: k,
+            entities: M,
             users: r,
             disabledAssignees: l,
             disabledStatuses: a,
             tagsOptions: s,
-            isFetching: ee,
+            isFetching: te,
             isCompact: V,
             currentTab: j,
-            onTabChange: H,
+            onTabChange: z,
             projectInfo: ye,
             onOpenViewer: (p) => c?.(p),
             onEntityFocus: g,
@@ -1874,75 +1876,75 @@ const Jn = I(nt)`
             versionsInputRef: We
           }
         ),
-        /* @__PURE__ */ x(ct, { projectName: W, children: [
-          X && !d && /* @__PURE__ */ i(
+        /* @__PURE__ */ x(ct, { projectName: H, children: [
+          Y && !d && /* @__PURE__ */ i(
             bt,
             {
               entityType: S,
-              entities: _,
+              entities: M,
               activeUsers: u || [],
-              projectInfo: Ue,
-              projectName: W,
+              projectInfo: $e,
+              projectName: H,
               disabled: !ze(),
               scope: N,
-              statuses: re,
+              statuses: J,
               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,
+          j === "subtasks" && S === "task" && G?.id && X && /* @__PURE__ */ i(
+            Vs,
             {
-              projectName: W,
-              taskId: z.id,
-              taskName: z.name,
-              folderId: z.folder?.id,
-              subtasks: z.task?.subtasks || [],
-              SubtasksManager: J,
+              projectName: H,
+              taskId: G.id,
+              taskName: G.name,
+              folderId: G.folder?.id,
+              subtasks: G.task?.subtasks || [],
+              SubtasksManager: X,
               useNavigate: he,
-              onNotFound: () => H("feed")
+              onNotFound: () => z("feed")
             }
           ),
-          Y && /* @__PURE__ */ i(Yn, { children: /* @__PURE__ */ i(
-            Dn,
+          Z && /* @__PURE__ */ i(es, { children: /* @__PURE__ */ i(
+            Fn,
             {
-              contribution: Y,
+              contribution: Z,
               context: Dt
             },
-            Y.key
+            Z.key
           ) }),
           j === "files" && /* @__PURE__ */ i(
-            cs,
+            us,
             {
-              entities: _,
+              entities: M,
               scope: N,
-              isLoadingVersion: ee
+              isLoadingVersion: te
             }
           ),
           j === "details" && /* @__PURE__ */ i(
-            xs,
+            Cs,
             {
               entityType: S,
-              entities: _,
+              entities: M,
               activeUsers: u || [],
-              projectInfo: Ue,
-              projectName: W,
+              projectInfo: $e,
+              projectName: H,
               disabled: !ze(),
               scope: N,
-              statuses: re,
+              statuses: J,
               readOnly: !1,
               annotations: T,
               removeAnnotation: D,
-              exportAnnotationComposite: y,
+              exportAnnotationComposite: v,
               children: /* @__PURE__ */ i(
                 cn,
                 {
-                  entities: _,
-                  isLoading: ee
+                  entities: M,
+                  isLoading: te
                 }
               )
             }
@@ -1951,14 +1953,14 @@ const Jn = I(nt)`
       ] })
     }
   );
-}, Vs = ({
+}, $s = ({
   isOpen: e,
   entityType: n,
   ...t
 }) => {
-  const { entities: o } = ne();
-  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(Ls, { ...t, entityType: n || o?.entityType });
-}, $s = Mt`
+  const { entities: o } = se();
+  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(Us, { ...t, entityType: n || o?.entityType });
+}, Ms = Mt`
 from {
   translate: 0 0;
 }
@@ -1966,7 +1968,7 @@ to {
   translate: calc(-100% - 8px) 0;
 
 }
-`, Us = I.div`
+`, _s = E.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1975,11 +1977,11 @@ to {
   width: 100%;
   max-width: 533px;
 
-  animation: ${$s} 0.2s ease forwards;
-`, Ma = ({ 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,
+  animation: ${Ms} 0.2s ease forwards;
+`, Ha = ({ projectsInfo: e, scope: n }) => {
+  const { slideOut: t, onOpenViewer: o } = se(), { 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 } = se(), b = () => h(), N = (V) => o?.(V);
+  return l ? /* @__PURE__ */ i(_s, { children: /* @__PURE__ */ i(
+    $s,
     {
       isOpen: !0,
       entityType: s,
@@ -1997,20 +1999,20 @@ to {
     }
   ) }) : null;
 };
-I(qn)`
+E(Jn)`
   .p-dialog-header-icons {
     display: none;
   }
   .p-dialog-content {
   }
 `;
-const Ms = I.div`
+const Hs = E.div`
   display: flex;
   flex-direction: column;
   margin: -8px;
   width: calc(100% + 16px);
   height: calc(100% + 16px);
-`, _s = I.header`
+`, Bs = E.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -2022,7 +2024,7 @@ const Ms = I.div`
       display: none;
     }
   }
-`, Hs = I.div`
+`, Ws = E.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -2059,12 +2061,12 @@ const Ms = I.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Bs = I.div`
+`, zs = E.div`
   display: flex;
   justify-content: space-between;
   padding: 8px;
   padding-top: 0;
-`, Ws = I.div`
+`, Gs = E.div`
   border-top: solid 1px var(--md-sys-color-outline-variant);
   height: 100%;
   overflow: hidden;
@@ -2083,7 +2085,7 @@ const Ms = I.div`
       display: none;
     }
   }
-`, zs = I.div`
+`, Qs = E.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2094,8 +2096,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(
+`, Ba = () => {
+  const { pip: e } = se(), 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 +2116,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];
+  ), 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]), O = m[0];
   if (!m.length || !O) return null;
   if (h) return /* @__PURE__ */ i("div", { children: "Loading..." });
-  const c = O?.projectName, E = m.some((y) => y?.status !== O?.status) ? {
+  const c = O?.projectName, I = m.some((v) => v?.status !== O?.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 === O?.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(Hs, { children: [
+    /* @__PURE__ */ x(Bs, { children: [
       /* @__PURE__ */ i(rt, { thumbnails: V }),
-      /* @__PURE__ */ x(Hs, { children: [
+      /* @__PURE__ */ x(Ws, { children: [
         /* @__PURE__ */ i("h2", { children: T }),
         /* @__PURE__ */ x("div", { className: "sub-title", children: [
           /* @__PURE__ */ x("span", { children: [
@@ -2150,23 +2152,23 @@ const Ms = I.div`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ x(Bs, { children: [
+    /* @__PURE__ */ x(zs, { children: [
       /* @__PURE__ */ x(
-        zs,
+        Qs,
         {
           style: {
-            backgroundColor: E?.color,
-            color: Re(E?.color)
+            backgroundColor: I?.color,
+            color: Re(I?.color)
           },
           children: [
-            /* @__PURE__ */ i(Ee, { icon: E.icon || "question_mark", style: { color: "inherit" } }),
-            /* @__PURE__ */ i("span", { className: "label", children: E?.name })
+            /* @__PURE__ */ i(Ie, { icon: I.icon || "question_mark", style: { color: "inherit" } }),
+            /* @__PURE__ */ i("span", { className: "label", children: I?.name })
           ]
         }
       ),
       /* @__PURE__ */ i(Lt, { users: U, style: { pointerEvents: "none" } })
     ] }),
-    /* @__PURE__ */ i(Ws, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(Gs, { children: /* @__PURE__ */ i(
       bt,
       {
         entityType: n,
@@ -2185,22 +2187,22 @@ const Ms = I.div`
 };
 export {
   on as AssigneeSelect,
-  Wa as CloseButton,
+  Ga as CloseButton,
   en as Content,
-  za as ContentRow,
-  Vs as DetailsPanel,
-  _a as DetailsPanelFloating,
-  Ma as DetailsPanelSlideOut,
-  Ga as Footer,
+  Qa as ContentRow,
+  $s as DetailsPanel,
+  Ba as DetailsPanelFloating,
+  Ha as DetailsPanelSlideOut,
+  qa as Footer,
   Yt as Grid,
   Zt as Header,
   Xt as HeaderContainer,
-  Qa as LabelWrapper,
+  Ka as LabelWrapper,
   rn as PriorityEnumDropdown,
   sn as ReadOnlyTags,
   an as StatusSelect,
   nn as TagsSelect,
-  qa as ThumbnailWrapper,
+  Ja as ThumbnailWrapper,
   tn as Title,
   tt as entitiesWithoutFeed
 };