npm - @ynput/ayon-frontend-shared - Versions diffs - 0.6.2 → 0.6.4 - Mend

@ynput/ayon-frontend-shared 0.6.2 → 0.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/DetailsPanel.es.js +732 -720
package/dist/NewEntity.es.js +427 -425
package/dist/ProjectTreeTable.es.js +1524 -1522
package/dist/chunks/Feed.es.js +1864 -1797
package/dist/chunks/MetaWidget.es.js +85 -98
package/dist/chunks/Watchers.es.js +871 -810
package/dist/components.es.js +1 -1
package/dist/types/DetailsPanel.d.ts +2 -0
package/dist/types/Feed.d.ts +2 -1
package/dist/types/NewEntity.d.ts +2 -1
package/package.json +1 -1

package/dist/DetailsPanel.es.js CHANGED Viewed

@@ -1,66 +1,66 @@
-import { jsxs as k, jsx as i, Fragment as Ne } from "react/jsx-runtime";
-import { Toolbar as Me, Panel as gt, Button as X, Spacer as He, Icon as fe, getTextColor as Be, Dialog as ft, SEARCH_FILTER_ID as We, buildFilterId as ke, getFilterFromId as bt, SearchFilter as vt, AssigneeField as yt } from "@ynput/ayon-react-components";
-import { useEffect as W, useRef as Y, useMemo as P, useState as K, useContext as kt, useId as wt } from "react";
-import S, { keyframes as xt } from "styled-components";
+import { jsxs as k, jsx as i, Fragment as Pe } from "react/jsx-runtime";
+import { Toolbar as We, Panel as gt, Button as Y, Spacer as ze, Icon as fe, getTextColor as De, Dialog as ft, SEARCH_FILTER_ID as Ge, buildFilterId as Se, getFilterFromId as bt, SearchFilter as vt, AssigneeField as yt } from "@ynput/ayon-react-components";
+import { useEffect as H, useRef as Z, useMemo as E, useState as X, useContext as kt, useId as wt } from "react";
+import C, { keyframes as xt } from "styled-components";
 import { bo as St } from "./chunks/searchTerms.es.js";
-import { bl as Ct, bJ as Tt, bX as Nt, cr as ze, bt as Ge, s as Dt, bN as Pt, c6 as It } from "./chunks/getUris.es.js";
+import { bl as Ct, bJ as Tt, bX as Nt, cr as Qe, bt as qe, s as Dt, bN as Et, c6 as Pt } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
-import { c as Et, a as Ft, H as At, G as Ot, y as jt, w as Qe, z as Rt, A as Ut, B as Vt, E as $t, I as Lt, J as _t, W as Mt, s as Ht } from "./chunks/Watchers.es.js";
-import { K as va, N as ya, O as ka, Q as wa, T as xa } from "./chunks/Watchers.es.js";
-import { E as Bt, R as Wt, a as zt } from "./chunks/EntityPath.es.js";
-import { union as we, upperFirst as qe } from "lodash";
+import { c as It, y as Ft, H as At, G as Ot, z as Rt, w as Ke, A as jt, B as Ut, E as Vt, I as $t, J as Lt, K as _t, N as Mt, W as Ht, s as Bt } from "./chunks/Watchers.es.js";
+import { O as ya, Q as ka, V as wa, X as xa, T as Sa } from "./chunks/Watchers.es.js";
+import { E as Wt, R as zt, a as Gt } from "./chunks/EntityPath.es.js";
+import { union as ue, upperFirst as Xe } from "lodash";
 import "react-toastify";
 import "uuid";
-import { g as Gt, e as Qt } from "./chunks/extractEntityHierarchyFromParents.es.js";
+import { g as Qt, e as qt } from "./chunks/extractEntityHierarchyFromParents.es.js";
 import "@module-federation/enhanced/runtime";
-import { v as G, u as qt, T as Kt, a6 as Jt, a0 as Xt, a8 as Yt, B as Zt, a7 as en, X as tn } from "./chunks/DeleteEntitiesContextInstance.es.js";
+import { v as q, u as Kt, T as Xt, a6 as Jt, a0 as Yt, a8 as Zt, B as en, a7 as tn, X as nn } from "./chunks/DeleteEntitiesContextInstance.es.js";
 import "semver";
-import { T as nn, P as Ke } from "./chunks/ProjectContext.es.js";
+import { T as sn, P as Je } from "./chunks/ProjectContext.es.js";
 import "react-dom";
 import "react-redux";
-import oe from "clsx";
-import { A as sn } from "./chunks/Actions.es.js";
+import ie from "clsx";
+import { A as an } from "./chunks/Actions.es.js";
 import "./chunks/ContextMenuContextInstance.es.js";
-import { g as xe } from "./chunks/getEntityTypeIcon.es.js";
-import { P as an } from "./chunks/PlayableIcon.es.js";
-import { R as on } from "./chunks/RepresentationsList.es.js";
-import { I as rn } from "./chunks/InfoMessage.es.js";
-import { M as ln, a as cn } from "./chunks/Menu.es.js";
-import { D as dn } from "./chunks/DetailsDialog.es.js";
-import { u as un } from "./chunks/VersionUploadContextInstance.es.js";
-import { p as pn } from "./chunks/pluralize.es.js";
-import { c as hn } from "./chunks/copyToClipboard.es.js";
-import { u as mn } from "./chunks/useQueryArgumentChangeLoading.es.js";
-import { c as Je, b as gn } from "./chunks/Feed.es.js";
-import { A as fn, C as bn } from "./chunks/ThumbnailSimple.es.js";
-import { m as vn, k as yn } from "./chunks/MetaWidget.es.js";
-import { t as kn, c as wn } from "./chunks/queryFilterToClientFilter.es.js";
-import { u as xn } from "./chunks/useDateRangeFilter.es.js";
-import { e as Sn } from "./chunks/expandRelativeDates.es.js";
+import { g as Ce } from "./chunks/getEntityTypeIcon.es.js";
+import { P as on } from "./chunks/PlayableIcon.es.js";
+import { R as rn } from "./chunks/RepresentationsList.es.js";
+import { I as ln } from "./chunks/InfoMessage.es.js";
+import { M as cn, a as dn } from "./chunks/Menu.es.js";
+import { D as un } from "./chunks/DetailsDialog.es.js";
+import { u as pn } from "./chunks/VersionUploadContextInstance.es.js";
+import { p as hn } from "./chunks/pluralize.es.js";
+import { c as mn } from "./chunks/copyToClipboard.es.js";
+import { u as gn } from "./chunks/useQueryArgumentChangeLoading.es.js";
+import { c as Ye, b as fn } from "./chunks/Feed.es.js";
+import { A as bn, C as vn } from "./chunks/ThumbnailSimple.es.js";
+import { m as yn, k as kn } from "./chunks/MetaWidget.es.js";
+import { t as wn, c as xn } from "./chunks/queryFilterToClientFilter.es.js";
+import { u as Sn } from "./chunks/useDateRangeFilter.es.js";
+import { e as Cn } from "./chunks/expandRelativeDates.es.js";
 import "axios";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
 import "custom-protocol-check";
 import "./chunks/SimpleForm.es.js";
-import { Dialog as Cn } from "primereact/dialog";
-function Tn({
+import { Dialog as Tn } from "primereact/dialog";
+function Nn({
   entityData: e,
   project: n,
   activeEntityType: t,
   entitiesToQuery: o = []
 }) {
-  W(() => {
+  H(() => {
     if (!e?.parents || !n) return;
     const s = new URL(window.location.href), a = s.searchParams;
     a.set("project", n), t && a.set("type", t);
     const r = (o || []).filter((f) => f.projectName === n).map((f) => f.id).filter(Boolean)[0];
     r && a.set("id", r);
-    const l = `${s.pathname}?${a.toString()}${s.hash}`, h = `${window.location.pathname}${window.location.search}${window.location.hash}`;
-    l !== h && window.history.replaceState(window.history.state, "", l);
+    const c = `${s.pathname}?${a.toString()}${s.hash}`, m = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+    c !== m && window.history.replaceState(window.history.state, "", c);
   }, [e, n, t, o]);
 }
-const Nn = S(Me)`
+const Dn = C(We)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -72,7 +72,7 @@ const Nn = S(Me)`
   & > * {
     min-width: max-content;
   }
-`, Dn = S.div`
+`, En = C.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
@@ -81,28 +81,28 @@ const Nn = S(Me)`
   right: 0;
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-low);
-`, Pn = S(gt)`
+`, Pn = C(gt)`
   gap: 0px;
   height: 100%;
   padding: 0px;
   box-shadow: -2px 0 6px #00000047;
   z-index: 300;
-`, In = S(Me)`
+`, In = C(We)`
   border-radius: 8px 8px 0 0;
   gap: var(--base-gap-small) !important;
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, En = ["product", "representation"], Fn = ["task"], An = ({
+`, Fn = ["product", "representation"], An = ["task"], On = ({
   entityType: e,
   currentTab: n,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !En.includes(e), a = Fn.includes(e);
+  const s = !Fn.includes(e), a = An.includes(e);
   return /* @__PURE__ */ k(In, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
-      X,
+      Y,
       {
         icon: "forum",
         selected: n === "feed",
@@ -113,7 +113,7 @@ const Nn = S(Me)`
       }
     ),
     a && /* @__PURE__ */ i(
-      X,
+      Y,
       {
         icon: "checklist",
         selected: n === "subtasks",
@@ -123,9 +123,9 @@ const Nn = S(Me)`
         variant: "text"
       }
     ),
-    /* @__PURE__ */ i(He, {}),
+    /* @__PURE__ */ i(ze, {}),
     e === "version" && /* @__PURE__ */ i(
-      X,
+      Y,
       {
         icon: "order_play",
         onClick: () => t("files"),
@@ -136,7 +136,7 @@ const Nn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      X,
+      Y,
       {
         onClick: () => t("details"),
         selected: n === "details",
@@ -146,12 +146,12 @@ const Nn = S(Me)`
       }
     )
   ] });
-}, On = S.div`
+}, Rn = C.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   overflow: hidden;
-`, jn = S.button`
+`, jn = C.button`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -173,11 +173,11 @@ const Nn = S(Me)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, Rn = ({ entity: e, taskTypes: n }) => {
-  const { openSlideOut: t } = G(), { projectName: o } = e, s = e.task?.name ? e.task : void 0;
+`, Un = ({ entity: e, taskTypes: n }) => {
+  const { openSlideOut: t } = q(), { 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__ */ k(On, { className: "linked-task", children: [
+  return /* @__PURE__ */ k(Rn, { className: "linked-task", children: [
     /* @__PURE__ */ i("span", { children: "Task" }),
     /* @__PURE__ */ k(
       jn,
@@ -190,17 +190,17 @@ const Nn = S(Me)`
       }
     )
   ] });
-}, Xe = (e, n, t) => {
+}, Ze = (e, n, t) => {
   if (!e[0]) return [];
   if (n === "representation") return [{ icon: "view_in_ar" }];
   const o = (s) => {
     switch (n) {
       case "folder":
-        return s.folder?.folderType ? t.folder[s.folder.folderType] : xe("folder");
+        return s.folder?.folderType ? t.folder[s.folder.folderType] : Ce("folder");
       case "task":
-        return s.task?.taskType ? t.task[s.task.taskType] : xe("task");
+        return s.task?.taskType ? t.task[s.task.taskType] : Ce("task");
       case "version":
-        return s.product?.productType ? t.product[s.product.productType] : xe("version");
+        return s.product?.productType ? t.product[s.product.productType] : Ce("version");
     }
   };
   return e.slice(0, 6).map((s) => ({
@@ -210,11 +210,11 @@ const Nn = S(Me)`
     thumbnailHash: s.thumbnailHash,
     projectName: s.projectName
   }));
-}, Se = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), Ye = (e) => ({
-  task: Se(e.taskTypes),
-  folder: Se(e.folderTypes),
-  product: Se(e.productTypes)
-}), Ze = (e, n) => {
+}, Te = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), et = (e) => ({
+  task: Te(e.taskTypes),
+  folder: Te(e.folderTypes),
+  product: Te(e.productTypes)
+}), tt = (e, n) => {
   const t = e.length > 1, o = e[0];
   if (t)
     return {
@@ -249,7 +249,7 @@ const Nn = S(Me)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, Un = ({
+}, Vn = ({
   entityType: e,
   entitySubTypes: n,
   entities: t = [],
@@ -257,27 +257,27 @@ const Nn = S(Me)`
   users: s = [],
   disabledStatuses: a,
   tagsOptions: r = [],
-  isFetching: l,
-  isCompact: h = !1,
+  isFetching: c,
+  isCompact: m = !1,
   currentTab: f,
-  onTabChange: u,
+  onTabChange: p,
   projectInfo: g,
   onOpenViewer: b,
   onEntityFocus: x,
-  thumbnailInputRef: j,
-  versionsInputRef: R
+  thumbnailInputRef: R,
+  versionsInputRef: j
 }) => {
-  const { useSearchParams: E, useNavigate: c, bundleMode: d } = G(), p = c(), [C, A] = E(), T = Y(null), v = P(() => Ye(g), [g]), w = Et(
-    t.map((m) => m.projectName),
+  const { useSearchParams: I, useNavigate: d, bundleMode: u } = q(), h = d(), [T, A] = I(), N = Z(null), v = E(() => et(g), [g]), w = It(
+    t.map((l) => l.projectName),
     [e]
-  ), O = P(() => e === "task" ? we(...t.map((m) => m.task?.assignees || [])) : e === "version" ? we(
-    ...t.map((m) => {
-      const D = m.version?.author;
-      return Array.isArray(D) ? D : D ? [D] : [];
+  ), O = E(() => e === "task" ? ue(...t.map((l) => l.task?.assignees || [])) : e === "version" ? ue(
+    ...t.map((l) => {
+      const S = l.version?.author;
+      return Array.isArray(S) ? S : S ? [S] : [];
     })
   ) : [], [t, e]);
   let U = t[0];
-  const _ = t.length === 0 || !U || l;
+  const L = t.length === 0 || !U || c;
   U || (U = {
     parents: [],
     id: "placeholder",
@@ -293,93 +293,103 @@ const Nn = S(Me)`
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const Z = t.length > 1 ? void 0 : U?.projectName;
-  t.filter((m) => m.projectName === U?.projectName && m.id).map((m) => m.id);
-  const { data: ee } = Ct({ attributeName: "priority" }), te = Gt(ee, e), ne = P(
-    () => Xe(t, e, v),
+  const ee = t.length > 1 ? void 0 : U?.projectName;
+  t.filter((l) => l.projectName === U?.projectName && l.id).map((l) => l.id);
+  const { data: te } = Ct({ attributeName: "priority" }), ne = Qt(te, e), se = E(
+    () => Ze(t, e, v),
     [t, e, v]
-  ), I = P(() => t.map((m) => m.status), [t]), se = P(() => t.map((m) => m.attrib?.priority), [t]), ie = P(() => t.map((m) => m.tags), [t]), le = P(
-    () => r.reduce((m, D) => (m[D.name] = D, m), {}),
+  ), P = E(() => t.map((l) => l.status), [t]), ae = E(() => t.map((l) => l.attrib?.priority), [t]), J = E(() => t.map((l) => l.tags), [t]), re = E(
+    () => r.reduce((l, S) => (l[S.name] = S, l), {}),
     [r]
-  ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, $ = ne.length === 1, { updateEntity: V } = Ft({
-    entities: t.map((m) => ({
-      id: m.id,
-      projectName: m.projectName,
-      users: m.task?.assignees || [],
-      folderId: m.folder?.id,
-      productId: m.product?.id
-    })),
+  ), K = t.length > 1, le = !K && !!U?.hasReviewables, $ = se.length === 1, { attribAccess: V, updateEntity: ce } = Ft({
+    entities: t,
     entityType: e
-  }), q = (m, D) => D == null ? console.error("value is null or undefined") : V(m, D), ce = () => {
-    let m, D = U.id, H = e + "Id";
-    e === "version" && U.product?.id && (m = [U.id], D = U.product?.id, H = "productId"), D && b({
-      [H]: D,
-      projectName: Z,
-      versionIds: m
+  }), { writableFields: B } = V, be = !B || B.includes("status"), he = !B || B.includes("tags"), D = e === "task" && (!B || B.includes("assignees")), oe = (l, S) => {
+    if (!(l !== "attrib" && B && !B.includes(l)) && !(l === "assignees" && !D))
+      return S == null ? console.error("value is null or undefined") : ce(l, S);
+  }, ve = () => {
+    let l, S = U.id, z = e + "Id";
+    e === "version" && U.product?.id && (l = [U.id], S = U.product?.id, z = "productId"), S && b({
+      [z]: S,
+      projectName: ee,
+      versionIds: l
     });
-  }, pe = (e === "task" || e === "version") && (O.length > 0 || e === "task"), de = [...St(s, O)];
-  if (pe) {
-    const m = s.map((H) => H.name), D = O.filter((H) => !m.includes(H));
-    D.length && de.push(...D.map((H) => ({ name: H, fullName: H })));
+  }, me = (e === "task" || e === "version") && (O.length > 0 || e === "task"), Q = [...St(s, O)];
+  if (me) {
+    const l = s.map((z) => z.name), S = O.filter((z) => !l.includes(z));
+    S.length && Q.push(...S.map((z) => ({ name: z, fullName: z })));
   }
-  const { title: N, subTitle: he } = Ze(t, e), me = w?.length !== 0 && w?.find((m) => m.name === I[0]);
+  const { title: de, subTitle: ye } = tt(t, e), W = w?.length !== 0 && w?.find((l) => l.name === P[0]);
   return /* @__PURE__ */ i(At, { children: /* @__PURE__ */ i(
-    Bt,
+    Wt,
     {
       entities: t,
       entityType: e,
-      projectName: Z,
-      thumbnailInputRef: j,
-      versionsInputRef: R,
-      onVersionCreated: (m) => x?.(m, "version"),
-      children: /* @__PURE__ */ k(Ot, { className: oe("details-panel-header", { isCompact: h }), children: [
+      projectName: ee,
+      thumbnailInputRef: R,
+      versionsInputRef: j,
+      onVersionCreated: (l) => x?.(l, "version"),
+      children: /* @__PURE__ */ k(Ot, { className: ie("details-panel-header", { isCompact: m }), children: [
         /* @__PURE__ */ k(
-          jt,
+          Rt,
           {
-            className: oe("titles", { isCompact: h, loading: _ }, "no-shimmer"),
+            className: ie("titles", { isCompact: m, loading: L }, "no-shimmer"),
             children: [
               /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i(
-                  Qe,
+                  Ke,
                   {
-                    isLoading: _,
-                    shimmer: _,
-                    thumbnails: ne,
-                    onClick: $ ? ce : void 0,
-                    hoverIcon: re ? "play_circle" : void 0
+                    isLoading: L,
+                    shimmer: L,
+                    thumbnails: se,
+                    onClick: $ ? ve : void 0,
+                    hoverIcon: le ? "play_circle" : void 0
                   }
                 ),
-                re && /* @__PURE__ */ i(an, {})
+                le && /* @__PURE__ */ i(on, {})
               ] }),
-              /* @__PURE__ */ k(Rt, { className: oe({ loading: _ }), children: [
+              /* @__PURE__ */ k(jt, { className: ie({ loading: L }), children: [
                 /* @__PURE__ */ k(Ut, { children: [
-                  /* @__PURE__ */ i("h2", { children: N }),
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ i("h2", { children: de }),
+                  he ? /* @__PURE__ */ i(
                     Vt,
                     {
-                      ref: T,
-                      value: we(...ie),
-                      tags: le,
+                      ref: N,
+                      value: ue(...J),
+                      tags: re,
                       options: [],
                       editable: !0,
                       editor: !0,
-                      onChange: (m) => q("tags", m),
+                      onChange: (l) => oe("tags", l),
                       align: "right",
-                      styleDropdown: { display: _ ? "none" : "unset" },
+                      styleDropdown: { display: L ? "none" : "unset" },
                       className: "tags-select",
                       itemClassName: "details-tag"
                     }
-                  )
+                  ) : /* @__PURE__ */ i($t, { className: "tags-select", children: ue(...J).length ? ue(...J).map((l) => {
+                    const S = re[l]?.color;
+                    return /* @__PURE__ */ i(
+                      "span",
+                      {
+                        style: {
+                          backgroundColor: S || void 0,
+                          color: S ? De(S) : void 0
+                        },
+                        children: l
+                      },
+                      l
+                    );
+                  }) : "-" })
                 ] }),
                 /* @__PURE__ */ k("div", { className: "sub-title", children: [
                   /* @__PURE__ */ k("span", { className: "entity-type", children: [
-                    qe(e),
+                    Xe(e),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i("h3", { children: he })
+                  /* @__PURE__ */ i("h3", { children: ye })
                 ] }),
-                e === "version" && !Q && !_ && U && /* @__PURE__ */ i(
-                  Rn,
+                e === "version" && !K && !L && U && /* @__PURE__ */ i(
+                  Un,
                   {
                     entity: U,
                     taskTypes: g.taskTypes
@@ -391,76 +401,77 @@ const Nn = S(Me)`
           }
         ),
         /* @__PURE__ */ i(
-          $t,
+          Lt,
           {
-            value: I,
+            value: P,
             options: w || [],
             disabledValues: a,
+            disableOpen: !be,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (m) => q("status", m),
-            className: oe("status-select", { loading: _ }),
-            align: h ? "right" : "left",
-            $textColor: Be(me !== void 0 ? me.color : "#OOO")
+            onChange: (l) => oe("status", l),
+            className: ie("status-select", { loading: L }),
+            align: m ? "right" : "left",
+            $textColor: De(W !== void 0 ? W.color : "#OOO")
           }
         ),
-        !h && (!pe || _ ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
-          Lt,
+        !m && (!me || L ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
+          _t,
           {
             value: O,
-            options: de,
-            disabledValues: o.map((m) => m.name),
-            isMultiple: Q && O.length > 1 && e === "task",
-            readOnly: e !== "task",
-            emptyMessage: e === "task" ? "Assign user" : "",
+            options: Q,
+            disabledValues: o.map((l) => l.name),
+            isMultiple: K && O.length > 1 && e === "task",
+            readOnly: !D,
+            emptyMessage: D ? "Assign user" : "-",
             align: "right",
-            onChange: (m) => q("assignees", m),
+            onChange: (l) => oe("assignees", l),
             className: "assignee-select",
             "data-tooltip": O.length ? e === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i(
-          sn,
+          an,
           {
             entities: t,
             entityType: e,
             entitySubTypes: n,
-            isLoadingEntity: !!l || !!_,
-            searchParams: C,
-            bundleMode: d,
+            isLoadingEntity: !!c || !!L,
+            searchParams: T,
+            bundleMode: u,
             onSetSearchParams: A,
-            onNavigate: p
+            onNavigate: h
           }
         ),
-        te ? /* @__PURE__ */ i(
-          _t,
+        ne ? /* @__PURE__ */ i(
+          Mt,
           {
-            options: te,
+            options: ne,
             placeholder: "No priority",
-            value: se,
-            onChange: (m) => q("attrib", { priority: m[0] }),
+            value: ae,
+            onChange: (l) => oe("attrib", { priority: l[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          An,
+          On,
           {
             entityType: e,
             currentTab: f,
-            onTabChange: u,
-            isLoading: _
+            onTabChange: p,
+            isLoading: L
           }
         )
       ] })
     }
   ) });
-}, Vn = S.div`
+}, $n = C.div`
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
-`, Ve = S.div`
+`, _e = C.div`
   position: relative;
   flex: 1;
   display: flex;
@@ -474,7 +485,7 @@ const Nn = S(Me)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, $n = ({
+`, Ln = ({
   entities: e = [],
   scope: n,
   isLoadingVersion: t
@@ -482,11 +493,11 @@ const Nn = S(Me)`
   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__ */ k(Vn, { children: [
-    /* @__PURE__ */ k(Ve, { children: [
+  return e.length > 1 && (s += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ k($n, { children: [
+    /* @__PURE__ */ k(_e, { children: [
       /* @__PURE__ */ i("h4", { children: s }),
       /* @__PURE__ */ i(
-        Wt,
+        zt,
         {
           projectName: o.projectName,
           productId: o.product?.id,
@@ -496,18 +507,18 @@ const Nn = S(Me)`
         }
       )
     ] }),
-    /* @__PURE__ */ k(Ve, { children: [
+    /* @__PURE__ */ k(_e, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(on, { entities: e })
+      /* @__PURE__ */ i(rn, { entities: e })
     ] })
   ] });
-}, Ln = ({
+}, _n = ({
   latestVersion: e,
   resolveVersionJump: n
 }) => {
   const t = n?.(e.id);
   return /* @__PURE__ */ i(
-    rn,
+    ln,
     {
       variant: "info",
       compact: !0,
@@ -521,16 +532,16 @@ const Nn = S(Me)`
       } : void 0
     }
   );
-}, _n = (e) => {
+}, Mn = (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;
-}, Mn = () => ({
-  onOpenVersionUpload: un()?.onOpenVersionUpload ?? null
-}), Hn = (e, n, t) => {
+}, Hn = () => ({
+  onOpenVersionUpload: pn()?.onOpenVersionUpload ?? null
+}), Bn = (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;
-}, Bn = ({
+}, Wn = ({
   entityType: e,
   entityId: n,
   projectName: t,
@@ -538,121 +549,121 @@ const Nn = S(Me)`
   deleteEntities: s,
   canUploadThumbnail: a,
   canUploadVersion: r,
-  canOpenPip: l,
-  canOpenViewer: h,
+  canOpenPip: c,
+  canOpenViewer: m,
   canDelete: f,
-  entityListsContext: u,
+  entityListsContext: p,
   onPip: g,
   onOpenViewer: b,
   onUploadThumbnail: x,
-  onUploadVersion: j,
-  onShare: R,
-  onViewData: E,
-  onDelete: c
+  onUploadVersion: R,
+  onShare: j,
+  onViewData: I,
+  onDelete: d
 }) => {
-  const d = P(() => o.length ? o.filter((p) => !!p?.entityId).map((p) => ({
-    entityId: p.entityId,
-    entityType: p.entityType || e,
-    hasReviewables: p.hasReviewables
+  const u = E(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
+    entityId: h.entityId,
+    entityType: h.entityType || e,
+    hasReviewables: h.hasReviewables
   })) : n ? [{ entityId: n, entityType: e }] : [], [o, n, e]);
-  return P(() => {
-    const p = [];
-    if (h && p.push({
+  return E(() => {
+    const h = [];
+    if (m && h.push({
       id: "open-in-viewer",
       label: "Open in viewer",
       icon: "play_circle",
       onClick: b
-    }), l && p.push({
+    }), c && h.push({
       id: "picture-in-picture",
       label: "Picture in picture",
       icon: "picture_in_picture",
       onClick: g
-    }), a && p.push({
+    }), a && h.push({
       id: "upload-thumbnail",
       label: "Upload thumbnail",
       icon: "add_photo_alternate",
       onClick: x
-    }), r && p.push({
+    }), r && h.push({
       id: "upload-version",
       label: "Upload version",
       icon: "upload",
-      onClick: j
-    }), u?.openAddToListDialog && t && d.length) {
-      const T = d[0]?.entityType || e, v = u.openAddToListDialog;
-      if (p.push({
+      onClick: R
+    }), p?.openAddToListDialog && t && u.length) {
+      const N = u[0]?.entityType || e, v = p.openAddToListDialog;
+      if (h.push({
         id: "add-to-list",
         label: "Add to list",
         icon: "list_alt_add",
-        onClick: () => v(T, d)
-      }), (T === "version" || T === "representation") && u.hasReviewAddon) {
-        const O = d.some((U) => U.hasReviewables === !0);
-        p.push({
+        onClick: () => v(N, u)
+      }), (N === "version" || N === "representation") && p.hasReviewAddon) {
+        const O = u.some((U) => U.hasReviewables === !0);
+        h.push({
           id: "add-to-review-list",
           label: "Add to session",
           icon: "list_alt_add",
           disabled: !O,
           ...O ? {} : { "data-tooltip": "No reviewables on selected version" },
-          onClick: () => v(T, d, { isReview: !0 })
+          onClick: () => v(N, u, { isReview: !0 })
         });
       }
     }
-    const C = d[0], A = C?.entityId && t ? Hn(
-      C.entityType || e,
-      C.entityId,
+    const T = u[0], A = T?.entityId && t ? Bn(
+      T.entityType || e,
+      T.entityId,
       t
     ) : null;
-    if (A && p.push({
+    if (A && h.push({
       id: "share",
       label: "Share",
       icon: "share",
-      onClick: () => R(A)
-    }), p.push({
+      onClick: () => j(A)
+    }), h.push({
       id: "view-data",
       label: "View data",
       icon: "database",
-      onClick: E
+      onClick: I
     }), f && s.length > 0) {
-      const T = new Set(s.map((O) => O.entityType)), v = T.size === 1 ? [...T][0] : "item", w = s.length === 1 ? `Delete ${v}` : `Delete ${pn(s.length, v)}`;
-      p.push({
+      const N = new Set(s.map((O) => O.entityType)), v = N.size === 1 ? [...N][0] : "item", w = s.length === 1 ? `Delete ${v}` : `Delete ${hn(s.length, v)}`;
+      h.push({
         id: "delete",
         label: w,
         icon: "delete",
         danger: !0,
-        onClick: c
+        onClick: d
       });
     }
-    return { items: p, shareLink: A };
+    return { items: h, shareLink: A };
   }, [
-    l,
-    h,
+    c,
+    m,
     a,
     r,
     f,
     s,
-    u,
+    p,
     t,
-    d,
+    u,
     e,
     g,
     b,
     x,
-    j,
     R,
-    E,
-    c
+    j,
+    I,
+    d
   ]);
-}, Wn = S.div`
+}, zn = C.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`, $e = S.div`
+`, Me = C.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
-`, Le = S.span`
+`, He = C.span`
   font-size: 13px;
   color: var(--md-sys-color-on-surface);
-`, _e = S.button`
+`, Be = C.button`
   display: flex;
   align-items: center;
   gap: 12px;
@@ -681,28 +692,28 @@ const Nn = S(Me)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, zn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
+`, Gn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
   if (!t) return null;
   const s = `[${n}](${e})`, a = (r) => {
-    hn(r, !0), o();
+    mn(r, !0), o();
   };
-  return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Wn, { children: [
-    /* @__PURE__ */ k($e, { children: [
-      /* @__PURE__ */ i(Le, { children: "Link" }),
-      /* @__PURE__ */ k(_e, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
+  return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(zn, { children: [
+    /* @__PURE__ */ k(Me, { children: [
+      /* @__PURE__ */ i(He, { children: "Link" }),
+      /* @__PURE__ */ k(Be, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: e }),
         /* @__PURE__ */ i(fe, { icon: "content_copy" })
       ] })
     ] }),
-    /* @__PURE__ */ k($e, { children: [
-      /* @__PURE__ */ i(Le, { children: "Markdown Link" }),
-      /* @__PURE__ */ k(_e, { type: "button", onClick: () => a(s), "aria-label": "Copy markdown link", children: [
+    /* @__PURE__ */ k(Me, { children: [
+      /* @__PURE__ */ i(He, { children: "Markdown Link" }),
+      /* @__PURE__ */ k(Be, { type: "button", onClick: () => a(s), "aria-label": "Copy markdown link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: s }),
         /* @__PURE__ */ i(fe, { icon: "content_copy" })
       ] })
     ] })
   ] }) });
-}, Gn = (e, n, t, o) => {
+}, Qn = (e, n, t, o) => {
   const s = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
@@ -716,7 +727,7 @@ const Nn = S(Me)`
     default:
       return null;
   }
-}, Qn = ({
+}, qn = ({
   entityType: e,
   entityId: n,
   entityIds: t,
@@ -724,85 +735,85 @@ const Nn = S(Me)`
   projectName: s,
   selectedEntities: a = [],
   entityListsContext: r,
-  onOpenPip: l,
-  onOpenViewer: h,
+  onOpenPip: c,
+  onOpenViewer: m,
   productId: f,
-  taskId: u,
+  taskId: p,
   folderId: g
 }) => {
-  const b = Y(null), [x, j] = K(!1), [R, E] = K(null), { menuOpen: c, toggleMenuOpen: d, setMenuOpen: p } = qt(), { triggerThumbnailUpload: C, canUploadVersion: A } = kt(Kt), { onOpenVersionUpload: T } = Mn(), v = wt(), w = P(() => {
+  const b = Z(null), [x, R] = X(!1), [j, I] = X(null), { menuOpen: d, toggleMenuOpen: u, setMenuOpen: h } = Kt(), { triggerThumbnailUpload: T, canUploadVersion: A } = kt(Xt), { onOpenVersionUpload: N } = Hn(), v = wt(), w = E(() => {
     const $ = n || t?.[0] || "noentity";
     return `details-more-menu-${v}-${$}-${s || "noproject"}`;
-  }, [v, n, t, s]), O = c === w, U = !!n && !!s && !!C, _ = !!A && !!T, Z = () => {
-    T?.({ productId: f, taskId: u, folderId: g });
-  }, ee = n && s ? Gn(e, n, s, f) : null, te = !!h && !!ee, ne = Jt(), I = P(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
-    const q = V.entityType || e, ce = V.projectName || s;
-    return !Xt(q) || !V.entityId || !ce ? null : {
+  }, [v, n, t, s]), O = d === w, U = !!n && !!s && !!T, L = !!A && !!N, ee = () => {
+    N?.({ productId: f, taskId: p, folderId: g });
+  }, te = n && s ? Qn(e, n, s, f) : null, ne = !!m && !!te, se = Jt(), P = E(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
+    const ce = V.entityType || e, B = V.projectName || s;
+    return !Yt(ce) || !V.entityId || !B ? null : {
       id: V.entityId,
-      entityType: q,
+      entityType: ce,
       name: V.name,
       label: V.label,
-      projectName: ce,
+      projectName: B,
       folderId: V.folderId,
       parentId: V.parentId
     };
-  }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && I.length > 0, ie = () => {
-    p(!1), ne?.deleteEntities(I);
-  }, { items: le } = Bn({
+  }).filter((V) => V !== null), [a, n, e, s]), ae = !!se && P.length > 0, J = () => {
+    h(!1), se?.deleteEntities(P);
+  }, { items: re } = Wn({
     entityType: e,
     entityId: n,
     projectName: s,
     selectedEntities: a,
-    deleteEntities: I,
+    deleteEntities: P,
     canUploadThumbnail: U,
-    canUploadVersion: _,
-    canOpenPip: !!l,
-    canOpenViewer: te,
-    canDelete: se,
+    canUploadVersion: L,
+    canOpenPip: !!c,
+    canOpenViewer: ne,
+    canDelete: ae,
     entityListsContext: r,
-    onPip: () => l?.(),
-    onOpenViewer: () => ee && h?.(ee),
-    onUploadThumbnail: () => C?.(),
-    onUploadVersion: Z,
-    onShare: ($) => E($),
-    onViewData: () => j(!0),
-    onDelete: ie
-  }), Q = t?.length ? t : n ? [n] : [], re = o || n || "";
-  return /* @__PURE__ */ k(Ne, { children: [
+    onPip: () => c?.(),
+    onOpenViewer: () => te && m?.(te),
+    onUploadThumbnail: () => T?.(),
+    onUploadVersion: ee,
+    onShare: ($) => I($),
+    onViewData: () => R(!0),
+    onDelete: J
+  }), K = t?.length ? t : n ? [n] : [], le = o || n || "";
+  return /* @__PURE__ */ k(Pe, { children: [
     /* @__PURE__ */ i(
-      X,
+      Y,
       {
         ref: b,
         icon: "more_horiz",
         variant: "text",
         "data-tooltip": "More actions",
         "aria-label": "More actions",
-        className: oe({ active: O }),
-        onClick: () => d(w)
+        className: ie({ active: O }),
+        onClick: () => u(w)
       }
     ),
-    /* @__PURE__ */ i(ln, { id: w, target: b.current, align: "right", children: /* @__PURE__ */ i(cn, { menu: le, onClose: () => p(!1) }) }),
-    x && s && Q.length > 0 && /* @__PURE__ */ i(
-      dn,
+    /* @__PURE__ */ i(cn, { id: w, target: b.current, align: "right", children: /* @__PURE__ */ i(dn, { menu: re, onClose: () => h(!1) }) }),
+    x && s && K.length > 0 && /* @__PURE__ */ i(
+      un,
       {
         projectName: s,
         entityType: e,
-        entityIds: Q,
+        entityIds: K,
         visible: x,
-        onHide: () => j(!1)
+        onHide: () => R(!1)
       }
     ),
-    R && /* @__PURE__ */ i(
-      zn,
+    j && /* @__PURE__ */ i(
+      Gn,
       {
-        link: R,
-        entityLabel: re,
+        link: j,
+        entityLabel: le,
         visible: !0,
-        onHide: () => E(null)
+        onHide: () => I(null)
       }
     )
   ] });
-}, qn = (e, n) => {
+}, Kn = (e, n) => {
   const t = [e];
   let o = e;
   for (; o.parentId && o.parentId !== "root"; ) {
@@ -812,10 +823,10 @@ const Nn = S(Me)`
     t.unshift(s), o = s;
   }
   return t;
-}, Kn = (e, n) => {
+}, Xn = (e, n) => {
   const t = [];
   let o = n.get(e.folder?.id || "");
-  if ((o ? qn(o, n) : []).forEach((a) => {
+  if ((o ? Kn(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}`;
@@ -834,32 +845,32 @@ const Nn = S(Me)`
     // @ts-expect-error - patch is not part of the query args
     { projectName: t, patch: ["id", "name", "label"] },
     { skip: !t || o }
-  ), r = mn(
+  ), r = gn(
     { projectName: t || "", isLoading: o },
     a
-  ), { data: l } = Nt(
+  ), { data: c } = Nt(
     { productId: e.product?.id || "", projectName: t },
     { skip: n !== "version" || !e.product?.id }
-  ), h = P(
-    () => l?.project.product?.versionList ? [...l.project.product?.versionList || []].sort((g, b) => g.name === "HERO" ? -1 : b.name === "HERO" ? 1 : b.name.localeCompare(g.name)).map((g) => ({
+  ), m = E(
+    () => c?.project.product?.versionList ? [...c.project.product?.versionList || []].sort((g, b) => g.name === "HERO" ? -1 : b.name === "HERO" ? 1 : b.name.localeCompare(g.name)).map((g) => ({
       type: "version",
       label: g.name,
       id: g.id
     })) : [],
-    [l]
-  ), f = P(
+    [c]
+  ), f = E(
     () => new Map(s.map((g) => [g.id, g])),
     [s]
   );
-  return [P(
-    () => r ? [] : Kn(e, f),
+  return [E(
+    () => r ? [] : Xn(e, f),
     [r, s, e]
-  ), h];
-}, et = (e, n) => {
+  ), m];
+}, nt = (e, n) => {
   let t = Object.entries(e).filter(([s]) => n ? n.includes(s) : !0).map(([, s]) => s?.statuses || []).flat();
   const o = new Map(t.map((s) => [s.name, s]));
   return Array.from(o.values());
-}, tt = ({
+}, st = ({
   scope: e = "dashboard",
   entities: n,
   entityType: t,
@@ -867,13 +878,13 @@ const Nn = S(Me)`
   projectName: s,
   projectInfo: a,
   annotations: r,
-  removeAnnotation: l,
-  exportAnnotationComposite: h,
+  removeAnnotation: c,
+  exportAnnotationComposite: m,
   ...f
 }) => {
-  const u = { annotations: r, removeAnnotation: l, exportAnnotationComposite: h }, { user: g } = G(), b = g.name || "", x = g.attrib?.fullName || "";
+  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: m }, { user: g } = q(), b = g.name || "", x = g.attrib?.fullName || "";
   return /* @__PURE__ */ k(
-    Je,
+    Ye,
     {
       scope: e,
       entities: n,
@@ -882,15 +893,15 @@ const Nn = S(Me)`
       projectInfo: a,
       userName: b,
       userFullName: x,
-      ...u,
+      ...p,
       ...f,
       children: [
-        /* @__PURE__ */ i(gn, { ...f, statuses: f.statuses }),
-        /* @__PURE__ */ i(fn, {})
+        /* @__PURE__ */ i(fn, { ...f, statuses: f.statuses }),
+        /* @__PURE__ */ i(bn, {})
       ]
     }
   );
-}, Xn = ({
+}, Yn = ({
   children: e,
   scope: n = "dashboard",
   entities: t,
@@ -898,13 +909,13 @@ const Nn = S(Me)`
   projectName: s,
   projectInfo: a,
   annotations: r,
-  removeAnnotation: l,
-  exportAnnotationComposite: h,
+  removeAnnotation: c,
+  exportAnnotationComposite: m,
   ...f
 }) => {
-  const u = { annotations: r, removeAnnotation: l, exportAnnotationComposite: h }, { user: g } = G(), b = g?.name ?? "", x = g?.attrib?.fullName ?? "", [j, R] = K(null);
+  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: m }, { user: g } = q(), b = g?.name ?? "", x = g?.attrib?.fullName ?? "", [R, j] = X(null);
   return /* @__PURE__ */ i(
-    Je,
+    Ye,
     {
       scope: n,
       entities: t,
@@ -913,14 +924,14 @@ const Nn = S(Me)`
       projectInfo: a,
       userName: b,
       userFullName: x,
-      ...u,
-      editingId: j,
-      setEditingId: R,
+      ...p,
+      editingId: R,
+      setEditingId: j,
       ...f,
       children: e
     }
   );
-}, nt = (e, n) => {
+}, at = (e, n) => {
   if (!e || Object.keys(e).length === 0 || !n?.length)
     return {
       folderTypes: [],
@@ -943,8 +954,8 @@ const Nn = S(Me)`
   }
   const t = {}, o = (a) => {
     const r = {};
-    return a.flat().forEach((l) => {
-      l && l.name && (r[l.name] = l);
+    return a.flat().forEach((c) => {
+      c && c.name && (r[c.name] = c);
     }), Object.values(r);
   }, s = {
     statuses: [],
@@ -956,31 +967,31 @@ const Nn = S(Me)`
   };
   return n.forEach((a) => {
     const r = e[a];
-    r && (Object.keys(s).forEach((l) => {
-      l === "productTypes" ? r.productTypes && s[l].push(r) : Array.isArray(r[l]) && s[l].push(r[l]);
-    }), Object.keys(r).forEach((l) => {
-      l in s || (t[l] = r[l]);
+    r && (Object.keys(s).forEach((c) => {
+      c === "productTypes" ? r.productTypes && s[c].push(r) : Array.isArray(r[c]) && s[c].push(r[c]);
+    }), Object.keys(r).forEach((c) => {
+      c in s || (t[c] = r[c]);
     }));
   }), Object.keys(s).forEach((a) => {
     (a === "productTypes" || s[a].length > 0) && (t[a] = o(s[a]));
   }), t;
-}, Yn = S.div`
+}, Zn = C.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;
   gap: var(--base-gap-small);
-`, Zn = S.span`
+`, es = C.span`
   font-weight: 600;
   user-select: none;
-`, es = S.div`
+`, ts = C.div`
   display: flex;
   gap: var(--base-gap-small);
-`, Ce = S(X)`
+`, Ne = C(Y)`
   background-color: unset;
   &.hasIcon {
     padding: 4px;
   }
-`, ts = S.div`
+`, ns = C.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -997,10 +1008,10 @@ const Nn = S(Me)`
     box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);
     background-color: var(--md-sys-color-surface-container-lowest);
   }
-`, ns = S(vn)`
+`, ss = C(yn)`
   width: 28px;
   height: 28px;
-`, ss = S.input`
+`, as = C.input`
   flex: 1;
   min-width: 0;
   border: none;
@@ -1013,22 +1024,22 @@ const Nn = S(Me)`
   &::placeholder {
     color: var(--md-sys-color-outline);
   }
-`, as = S(X)`
+`, os = C(Y)`
   background-color: unset;
   min-width: unset;
   &.hasIcon {
     padding: 2px;
   }
-`, De = (e) => !!e && "key" in e, ue = (e, n) => De(e) ? e.key === n : !!e.conditions?.some((t) => ue(t, n)), Te = (e) => {
-  if (De(e)) return String(e.value || "");
+`, Ie = (e) => !!e && "key" in e, pe = (e, n) => Ie(e) ? e.key === n : !!e.conditions?.some((t) => pe(t, n)), Ee = (e) => {
+  if (Ie(e)) return String(e.value || "");
   const n = e.operator === "or" ? ", " : ".";
-  return e.conditions?.map((t) => Te(t)).join(n) || "";
-}, st = (e, n, t) => {
+  return e.conditions?.map((t) => Ee(t)).join(n) || "";
+}, ot = (e, n, t) => {
   const o = e.split(",").map((r) => r.trim()).filter(Boolean);
   if (o.length > 1)
     return {
       operator: "or",
-      conditions: o.map((r) => st(r, n, t))
+      conditions: o.map((r) => ot(r, n, t))
     };
   const s = o[0] || e.trim();
   if (!s || s === "," || s === ".")
@@ -1050,135 +1061,135 @@ const Nn = S(Me)`
     operator: t,
     value: a[0] || ""
   };
-}, os = ({
+}, is = ({
   label: e,
   filters: n,
   currentFilter: t,
   onFilterChange: o,
   isLoading: s
 }) => {
-  const [a, r] = K(null), [l, h] = K(""), f = Y(null), u = (c) => typeof c == "object" && c !== null && !Array.isArray(c);
-  W(() => {
+  const [a, r] = X(null), [c, m] = X(""), f = Z(null), p = (d) => typeof d == "object" && d !== null && !Array.isArray(d);
+  H(() => {
     a && f.current && f.current.focus();
-  }, [a]), W(() => {
-    if (a && u(t)) {
+  }, [a]), H(() => {
+    if (a && p(t)) {
       if (document.activeElement === f.current) return;
-      const c = t.conditions?.find((d) => ue(d, a));
-      h(c ? Te(c) : "");
+      const d = t.conditions?.find((u) => pe(u, a));
+      m(d ? Ee(d) : "");
     }
   }, [a, t]);
-  const g = (c, d) => {
-    if (!u(t)) {
-      o(c.id);
+  const g = (d, u) => {
+    if (!p(t)) {
+      o(d.id);
       return;
     }
-    const p = t.conditions ? [...t.conditions] : [], C = {
+    const h = t.conditions ? [...t.conditions] : [], T = {
       ...t,
-      conditions: p,
+      conditions: h,
       operator: t.operator || "and"
-    }, A = String(c.id), T = p.findIndex((w) => ue(w, A)), v = c.type || "boolean";
+    }, A = String(d.id), N = h.findIndex((w) => pe(w, A)), v = d.type || "boolean";
     if (v === "boolean")
-      T > -1 ? p.splice(T, 1) : p.push({ key: A, operator: c.operator || "eq", value: !0 });
+      N > -1 ? h.splice(N, 1) : h.push({ key: A, operator: d.operator || "eq", value: !0 });
     else if (v === "enum") {
-      const w = Array.isArray(d) ? d : [d];
+      const w = Array.isArray(u) ? u : [u];
       if (w.length === 0 || w.length === 1 && w[0] === void 0)
-        T > -1 && p.splice(T, 1);
+        N > -1 && h.splice(N, 1);
       else {
         const O = {
           key: A,
-          operator: c.operator || "in",
+          operator: d.operator || "in",
           value: w
         };
-        T > -1 ? p[T] = O : p.push(O);
+        N > -1 ? h[N] = O : h.push(O);
       }
     } else if (v === "search") {
-      const w = typeof d == "string" ? d : "";
+      const w = typeof u == "string" ? u : "";
       if (!w)
-        T > -1 && p.splice(T, 1);
+        N > -1 && h.splice(N, 1);
       else {
-        const O = st(w, A, c.operator || "like");
-        T > -1 ? p[T] = O : p.push(O);
+        const O = ot(w, A, d.operator || "like");
+        N > -1 ? h[N] = O : h.push(O);
       }
     }
-    o(C);
-  }, b = (c) => {
-    const d = String(c.id);
-    if (a !== d && (r(d), u(t))) {
-      const p = t.conditions?.find((C) => ue(C, d));
-      h(p ? Te(p) : "");
+    o(T);
+  }, b = (d) => {
+    const u = String(d.id);
+    if (a !== u && (r(u), p(t))) {
+      const h = t.conditions?.find((T) => pe(T, u));
+      m(h ? Ee(h) : "");
     }
-  }, x = (c, d) => {
-    h(d), g(c, d);
-  }, j = (c) => {
-    h(""), r(null), g(c, "");
-  }, R = (c) => u(t) ? t.conditions?.some((d) => ue(d, String(c.id))) : c.id === t, E = (c) => u(t) ? t.conditions?.find(
-    (p) => De(p) && p.key === String(c.id)
+  }, x = (d, u) => {
+    m(u), g(d, u);
+  }, R = (d) => {
+    m(""), r(null), g(d, "");
+  }, j = (d) => p(t) ? t.conditions?.some((u) => pe(u, String(d.id))) : d.id === t, I = (d) => p(t) ? t.conditions?.find(
+    (h) => Ie(h) && h.key === String(d.id)
   )?.value || [] : [];
-  return /* @__PURE__ */ k(Yn, { className: oe("panel-tabs", { loading: s }), children: [
-    /* @__PURE__ */ i(Zn, { className: "panel-header-label", children: e }),
-    /* @__PURE__ */ i(He, {}),
-    /* @__PURE__ */ i(es, { className: "panel-header-filters", children: n.map((c) => {
-      const d = R(c), p = c.type || "boolean";
-      if (p === "enum")
+  return /* @__PURE__ */ k(Zn, { className: ie("panel-tabs", { loading: s }), children: [
+    /* @__PURE__ */ i(es, { className: "panel-header-label", children: e }),
+    /* @__PURE__ */ i(ze, {}),
+    /* @__PURE__ */ i(ts, { className: "panel-header-filters", children: n.map((d) => {
+      const u = j(d), h = d.type || "boolean";
+      if (h === "enum")
         return /* @__PURE__ */ i(
-          ns,
+          ss,
           {
-            options: c.options || [],
-            value: E(c),
-            onChange: (C) => g(c, C),
+            options: d.options || [],
+            value: I(d),
+            onChange: (T) => g(d, T),
             isEditing: !0,
             autoOpen: !1,
             align: "right",
             type: "list_of_strings",
             valueTemplate: () => /* @__PURE__ */ i(
-              Ce,
+              Ne,
               {
-                selected: d,
-                icon: c.icon,
-                "data-tooltip": c.tooltip,
+                selected: u,
+                icon: d.icon,
+                "data-tooltip": d.tooltip,
                 "data-tooltip-delay": 0
               }
             ),
             widthExpand: !0,
             className: "panel-filter panel-filter-enum"
           },
-          String(c.id)
+          String(d.id)
         );
-      if (p === "search") {
-        const C = a === String(c.id);
+      if (h === "search") {
+        const T = a === String(d.id);
         return /* @__PURE__ */ k(
-          ts,
+          ns,
           {
-            className: oe("panel-filter", "panel-filter-search", { expanded: C }),
+            className: ie("panel-filter", "panel-filter-search", { expanded: T }),
             children: [
               /* @__PURE__ */ i(
-                Ce,
+                Ne,
                 {
-                  selected: d || C,
-                  onClick: () => b(c),
-                  icon: c.icon,
-                  "data-tooltip": C ? void 0 : c.tooltip,
+                  selected: u || T,
+                  onClick: () => b(d),
+                  icon: d.icon,
+                  "data-tooltip": T ? void 0 : d.tooltip,
                   "data-tooltip-delay": 0
                 }
               ),
-              C && /* @__PURE__ */ k(Ne, { children: [
+              T && /* @__PURE__ */ k(Pe, { children: [
                 /* @__PURE__ */ i(
-                  ss,
+                  as,
                   {
                     ref: f,
-                    value: l,
-                    onChange: (A) => x(c, A.target.value),
+                    value: c,
+                    onChange: (A) => x(d, A.target.value),
                     onKeyDown: (A) => {
-                      A.key === "Escape" && j(c);
+                      A.key === "Escape" && R(d);
                     },
-                    placeholder: c.placeholder || "Search..."
+                    placeholder: d.placeholder || "Search..."
                   }
                 ),
                 /* @__PURE__ */ i(
-                  as,
+                  os,
                   {
                     icon: "close",
-                    onClick: () => j(c),
+                    onClick: () => R(d),
                     "data-tooltip": "Clear",
                     "data-tooltip-delay": 0
                   }
@@ -1186,59 +1197,59 @@ const Nn = S(Me)`
               ] })
             ]
           },
-          String(c.id)
+          String(d.id)
         );
       }
       return /* @__PURE__ */ i(
-        Ce,
+        Ne,
         {
-          selected: d,
-          onClick: () => g(c),
-          icon: c.icon,
-          "data-tooltip": c.tooltip,
+          selected: u,
+          onClick: () => g(d),
+          icon: d.icon,
+          "data-tooltip": d.tooltip,
           "data-tooltip-delay": 0,
           className: "panel-filter panel-filter-boolean"
         },
-        String(c.id)
+        String(d.id)
       );
     }) })
   ] });
-}, at = ["done", "isDone"], is = (e) => !!e && "key" in e, rs = (e, n) => {
+}, it = ["done", "isDone"], rs = (e) => !!e && "key" in e, ls = (e, n) => {
   const t = [], o = [], s = (a) => {
     if (!a) return;
-    if (is(a)) {
-      const l = a.key;
-      if (l === "search") {
-        const u = String(a.value ?? "");
-        u && o.push({ id: u, label: u });
+    if (rs(a)) {
+      const c = a.key;
+      if (c === "search") {
+        const p = String(a.value ?? "");
+        p && o.push({ id: p, label: p });
         return;
       }
-      const h = n.find((u) => u.id === l);
-      if (!h) return;
-      if (at.includes(l)) {
+      const m = n.find((p) => p.id === c);
+      if (!m) return;
+      if (it.includes(c)) {
         a.value !== void 0 && t.push({
-          id: ke(l),
-          label: h.label,
-          icon: h.icon,
+          id: Se(c),
+          label: m.label,
+          icon: m.icon,
           type: "boolean",
           singleSelect: !0,
           values: [{ id: String(a.value), label: a.value ? "Done" : "Not Done" }]
         });
         return;
       }
-      if (h.type === "datetime") {
-        const u = Array.isArray(a.value) ? a.value[0] : a.value;
+      if (m.type === "datetime") {
+        const p = Array.isArray(a.value) ? a.value[0] : a.value;
         t.push({
-          id: ke(l),
-          label: h.label,
+          id: Se(c),
+          label: m.label,
           type: "datetime",
-          icon: h.icon,
+          icon: m.icon,
           values: [
             {
-              id: String(u),
-              label: String(u),
+              id: String(p),
+              label: String(p),
               // @ts-expect-error - values is okay
-              values: [{ id: String(u) }]
+              values: [{ id: String(p) }]
             }
           ]
         });
@@ -1246,45 +1257,45 @@ const Nn = S(Me)`
       }
       const f = Array.isArray(a.value) ? a.value : [a.value];
       t.push({
-        id: ke(l),
-        label: h.label,
-        type: h.type,
-        icon: h.icon,
+        id: Se(c),
+        label: m.label,
+        type: m.type,
+        icon: m.icon,
         operator: "OR",
-        values: f.map((u) => {
-          const g = h.values?.find((b) => b.id === String(u));
-          return g ? { ...g } : { id: String(u), label: String(u) };
+        values: f.map((p) => {
+          const g = m.values?.find((b) => b.id === String(p));
+          return g ? { ...g } : { id: String(p), label: String(p) };
         })
       });
       return;
     }
-    const r = kn(a, n);
+    const r = wn(a, n);
     if (r) {
       t.push(r);
       return;
     }
     a.conditions?.forEach(s);
   };
-  return e?.conditions?.forEach(s), o.length && t.push({ id: We, label: "", values: o }), t;
-}, ls = (e) => {
+  return e?.conditions?.forEach(s), o.length && t.push({ id: Ge, label: "", values: o }), t;
+}, cs = (e) => {
   const n = [], t = [];
   return e.forEach((o) => {
     const s = bt(o.id), a = (o.values || []).map((r) => r.id);
     if (a.length)
-      if (s === We)
+      if (s === Ge)
         a.forEach(
           (r) => t.push({ key: "search", operator: "like", value: String(r) })
         );
-      else if (at.includes(s)) {
+      else if (it.includes(s)) {
         const r = a[0] === "true";
         n.push({ key: s, operator: "eq", value: r });
       } else if (o.type === "datetime") {
-        const r = wn(s, o);
+        const r = xn(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 };
-}, cs = S.div`
+}, ds = C.div`
   padding: 4px 8px;
   padding-bottom: 0;
@@ -1292,7 +1303,7 @@ const Nn = S(Me)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, ds = ({
+`, us = ({
   subtasksFilter: e,
   setSubtasksFilter: n,
   users: t,
@@ -1301,7 +1312,7 @@ const Nn = S(Me)`
   doneCount: a = 0,
   onSearchTextChange: r
 }) => {
-  const l = P(
+  const c = E(
     () => [
       {
         id: "isDone",
@@ -1322,10 +1333,10 @@ const Nn = S(Me)`
         operator: "OR",
         allowHasValue: !0,
         allowNoValue: !0,
-        values: t.map((d) => ({
-          id: d.name,
-          label: d.attrib?.fullName || d.name,
-          img: `/api/users/${d.name}/avatar`
+        values: t.map((u) => ({
+          id: u.name,
+          label: u.attrib?.fullName || u.name,
+          img: `/api/users/${u.name}/avatar`
         }))
       }
       //   dates disabled until planner update with support is released
@@ -1345,48 +1356,48 @@ const Nn = S(Me)`
       //   },
     ],
     [t]
-  ), h = P(() => rs(e, l), [e, l]), [f, u] = K(h), g = Y(null), b = xn();
-  W(() => {
-    u(h);
-  }, [JSON.stringify(h)]);
-  const x = (d) => {
-    const p = ls(d);
-    n(p), r?.("");
-  }, j = (d) => {
-    b.wrapFilterChange(d, f, u);
-  }, R = (d, p) => {
-    p || r?.(d);
+  ), m = E(() => ls(e, c), [e, c]), [f, p] = X(m), g = Z(null), b = Sn();
+  H(() => {
+    p(m);
+  }, [JSON.stringify(m)]);
+  const x = (u) => {
+    const h = cs(u);
+    n(h), r?.("");
+  }, R = (u) => {
+    b.wrapFilterChange(u, f, p);
+  }, j = (u, h) => {
+    h || r?.(u);
   };
-  let E = "";
-  s > 0 && (E = `${a}/${s}`);
-  const c = P(
-    () => [{ id: "isDone", label: E, tooltip: "Status" }],
-    [E]
+  let I = "";
+  s > 0 && (I = `${a}/${s}`);
+  const d = E(
+    () => [{ id: "isDone", label: I, tooltip: "Status" }],
+    [I]
   );
-  return /* @__PURE__ */ k(cs, { className: o ? "loading" : void 0, children: [
+  return /* @__PURE__ */ k(ds, { className: o ? "loading" : void 0, children: [
     /* @__PURE__ */ i(
       vt,
       {
         ref: g,
         compact: !0,
-        options: l,
+        options: c,
         filters: f,
-        onChange: j,
+        onChange: R,
         onFinish: x,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
         enableAutosuggestion: !1,
-        onSearchChange: R,
-        quickActions: c,
+        onSearchChange: j,
+        quickActions: d,
         placeholder: "Search and filter subtasks...",
         pt: {
           searchBar: {
-            onClickCapture: (d) => b.handleSearchBarClickCapture(d, f)
+            onClickCapture: (u) => b.handleSearchBarClickCapture(u, f)
           },
           dropdown: {
             pt: {
               item: {
-                onClick: (d) => b.handleDropdownItemClick(d, f, l)
+                onClick: (u) => b.handleDropdownItemClick(u, f, c)
               }
             }
           }
@@ -1394,21 +1405,21 @@ const Nn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      bn,
+      vn,
       {
         isOpen: !!b.customRangeFilterId,
-        header: l.find((d) => d.id === b.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+        header: c.find((u) => u.id === b.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
         startDate: b.customStartDate,
         endDate: b.customEndDate,
         onStartDateChange: b.setCustomStartDate,
         onEndDateChange: b.setCustomEndDate,
-        onApply: () => b.handleCustomRangeApply(f, l, x, g),
+        onApply: () => b.handleCustomRangeApply(f, c, x, g),
         onClose: b.handleCustomRangeClose
       }
     )
   ] });
-}, us = ({ ...e }) => {
-  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: l } = G(), { data: h = [] } = ze({ projectName: e.projectName }), f = e.subtasks?.length || 0, u = e.subtasks?.filter((b) => b.isDone).length || 0, g = P(() => {
+}, ps = ({ ...e }) => {
+  const [n, t] = X({}), [o, s] = X(""), [a, r] = X([]), { dispatch: c } = q(), { data: m = [] } = Qe({ projectName: e.projectName }), f = e.subtasks?.length || 0, p = e.subtasks?.filter((b) => b.isDone).length || 0, g = E(() => {
     let b = n;
     if (o) {
       const x = { key: "search", operator: "like", value: o };
@@ -1418,11 +1429,11 @@ const Nn = S(Me)`
         operator: "and"
       };
     }
-    return Sn(b);
+    return Cn(b);
   }, [n, o]);
-  return /* @__PURE__ */ k(Ne, { children: [
+  return /* @__PURE__ */ k(Pe, { children: [
     /* @__PURE__ */ i(
-      os,
+      is,
       {
         label: `Subtasks (${f})`,
         filters: [],
@@ -1431,18 +1442,18 @@ const Nn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      ds,
+      us,
       {
         subtasksFilter: n,
         setSubtasksFilter: t,
-        users: h,
+        users: m,
         totalCount: f,
-        doneCount: u,
+        doneCount: p,
         onSearchTextChange: s
       }
     ),
     /* @__PURE__ */ i(
-      yn,
+      kn,
       {
         ...e,
         style: { padding: 8, height: "unset" },
@@ -1451,11 +1462,11 @@ const Nn = S(Me)`
         onSelectSubtasks: r,
         filters: g,
         actionsPortalClassName: "panel-header-filters",
-        dispatch: l
+        dispatch: c
       }
     )
   ] });
-}, ps = ["product", "representation"], hs = ({
+}, hs = ["product", "representation"], ms = ({
   entityType: e,
   entitySubTypes: n = [],
   // entities is data we already have from kanban
@@ -1465,324 +1476,324 @@ const Nn = S(Me)`
   tagsOptions: s = [],
   disabledStatuses: a,
   projectUsers: r,
-  disabledProjectUsers: l,
-  activeProjectUsers: h,
+  disabledProjectUsers: c,
+  activeProjectUsers: m,
   projectsInfo: f = {},
-  projectNames: u = [],
+  projectNames: p = [],
   isSlideOut: g = !1,
   style: b = {},
   scope: x,
-  isCompact: j = !1,
-  onClose: R,
-  onWatchersUpdate: E,
-  onOpenViewer: c,
-  onEntityFocus: d,
-  onOpen: p,
-  onUriOpen: C,
+  isCompact: R = !1,
+  onClose: j,
+  onWatchersUpdate: I,
+  onOpenViewer: d,
+  onEntityFocus: u,
+  onOpen: h,
+  onUriOpen: T,
   // when the details panel is opened from uri
   // annotations
   annotations: A,
-  removeAnnotation: T,
+  removeAnnotation: N,
   exportAnnotationComposite: v,
   entityListId: w,
   guestCategories: O = {},
   entityListsContext: U,
-  resolveVersionJump: _
+  resolveVersionJump: L
 }) => {
   const {
-    closeSlideOut: Z,
-    openPip: ee,
-    user: te,
-    isGuest: ne,
-    entities: I,
-    setEntities: se,
-    slideOut: ie,
-    useSearchParams: le,
-    SubtasksManager: Q,
-    useNavigate: re
-  } = G(), { currentTab: $, setTab: V, isFeed: q } = Yt(x), [ce, pe] = le(), de = Y(!1), N = I?.entityType ?? e, he = I?.entities ?? o, me = I?.entitySubTypes ?? n, m = I?.entities ? [] : t, D = I?.entities ? I.entities.map((y) => y.projectName) : u;
-  W(() => {
-    p && !de.current && (de.current = !0, p());
-  }, []), W(() => {
-    ps.includes(N) && $ !== "details" && V("details");
-  }, [N, $, V]), W(() => {
-    o.length && I && se(null);
-  }, [o, I, se]);
-  const H = P(
-    () => nt(f, D),
-    [f, D]
-  ), ot = P(() => Ye(H), [H]);
-  W(() => {
-    $ === "files" && N !== "version" && V("feed"), $ === "subtasks" && N !== "task" && V("feed");
-  }, [N, $, x]);
-  let J = he.length ? he.map((y) => ({ id: y.id, projectName: y.projectName })) : (
+    closeSlideOut: ee,
+    openPip: te,
+    user: ne,
+    isGuest: se,
+    entities: P,
+    setEntities: ae,
+    slideOut: J,
+    useSearchParams: re,
+    SubtasksManager: K,
+    useNavigate: le
+  } = q(), { currentTab: $, setTab: V, isFeed: ce } = Zt(x), [B, be] = re(), he = Z(!1), D = P?.entityType ?? e, oe = P?.entities ?? o, ve = P?.entitySubTypes ?? n, me = P?.entities ? [] : t, Q = P?.entities ? P.entities.map((y) => y.projectName) : p;
+  H(() => {
+    h && !he.current && (he.current = !0, h());
+  }, []), H(() => {
+    hs.includes(D) && $ !== "details" && V("details");
+  }, [D, $, V]), H(() => {
+    o.length && P && ae(null);
+  }, [o, P, ae]);
+  const de = E(
+    () => at(f, Q),
+    [f, Q]
+  ), ye = E(() => et(de), [de]);
+  H(() => {
+    $ === "files" && D !== "version" && V("feed"), $ === "subtasks" && D !== "task" && V("feed");
+  }, [D, $, x]);
+  let W = oe.length ? oe.map((y) => ({ id: y.id, projectName: y.projectName })) : (
     // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
-    m.map((y) => ({ id: y.id, projectName: y.projectName }))
+    me.map((y) => ({ id: y.id, projectName: y.projectName }))
   );
-  J = J.filter((y) => y.id);
+  W = W.filter((y) => y.id);
   const {
-    data: L = [],
-    isFetching: ae,
-    isError: it,
+    data: l = [],
+    isFetching: S,
+    isError: z,
     originalArgs: rt
-  } = Ge(
-    { entityType: N, entities: J },
+  } = qe(
+    { entityType: D, entities: W },
     {
-      skip: !J.length || !Dt.includes(N)
+      skip: !W.length || !Dt.includes(D)
     }
   );
-  W(() => {
-    g || Z();
+  H(() => {
+    g || ee();
   }, [rt, g]);
-  const be = Y(null);
-  W(() => {
-    I || (be.current = null);
-  }, [I]), W(() => {
-    if (!ae && (I?.source === "uri" || I?.source === "url") && I?.entities?.length && C) {
-      const y = I.entities[0].id;
-      if (be.current === y) return;
-      const F = L.find((B) => B.id === y);
+  const ke = Z(null);
+  H(() => {
+    P || (ke.current = null);
+  }, [P]), H(() => {
+    if (!S && (P?.source === "uri" || P?.source === "url") && P?.entities?.length && T) {
+      const y = P.entities[0].id;
+      if (ke.current === y) return;
+      const F = l.find((M) => M.id === y);
       if (!F) return;
-      be.current = y, C(F, I.source);
+      ke.current = y, T(F, P.source);
     }
-  }, [L, ae, I, C]);
-  const Pe = et(f), z = D[0], Ie = f[z] || {}, M = L[0] || {}, ge = L[L.length - 1], ve = D[D.length - 1], Ee = x === "inbox" && N === "version" && L.length === 1 ? _n(L[0]) : void 0, [Fe, lt] = Jn({
-    entity: M,
-    entityType: N,
-    projectName: z,
-    isLoading: ae
-  }), { setEntityUri: ct, setUri: Ae } = Zt();
-  W(() => {
-    if (!ge?.parents || !ve) return;
-    const { folderPath: y, taskName: F, versionName: B, productName: Ue } = Qt(
+  }, [l, S, P, T]);
+  const Fe = nt(f), G = Q[0], Ae = f[G] || {}, _ = l[0] || {}, ge = l[l.length - 1], we = Q[Q.length - 1], Oe = x === "inbox" && D === "version" && l.length === 1 ? Mn(l[0]) : void 0, [Re, lt] = Jn({
+    entity: _,
+    entityType: D,
+    projectName: G,
+    isLoading: S
+  }), { setEntityUri: ct, setUri: je } = en();
+  H(() => {
+    if (!ge?.parents || !we) return;
+    const { folderPath: y, taskName: F, versionName: M, productName: Le } = qt(
       ge.parents,
-      N,
+      D,
       ge.name
     );
     return ct({
-      projectName: ve,
+      projectName: we,
       folderPath: y,
       taskName: F,
-      productName: Ue,
-      versionName: B
+      productName: Le,
+      versionName: M
     }), () => {
-      Ae("");
+      je("");
     };
-  }, [L, D, N]), Tn({
+  }, [l, Q, D]), Nn({
     entityData: ge,
-    project: ve,
-    activeEntityType: N,
-    entitiesToQuery: J
+    project: we,
+    activeEntityType: D,
+    entitiesToQuery: W
   });
   const dt = () => {
-    pe(
+    be(
       (y) => {
         const F = new URLSearchParams(y);
         return F.delete("project"), F.delete("type"), F.delete("id"), F;
       },
       { replace: !0 }
     );
-  }, ye = () => {
-    R?.(), se(null), Ae(""), dt(), Z();
+  }, xe = () => {
+    j?.(), ae(null), je(""), dt(), ee();
   };
-  W(() => {
+  H(() => {
     const y = (F) => {
-      if (F.key === "Escape" && R) {
-        const B = F.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(B.tagName) || B.isContentEditable || g === !1 && (B.closest("#viewer-dialog") || ie)) return;
-        ye();
+      if (F.key === "Escape" && j) {
+        const M = F.target;
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(M.tagName) || M.isContentEditable || g === !1 && (M.closest("#viewer-dialog") || J)) return;
+        xe();
       }
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [ye, g, ie]);
-  const { requestPipWindow: ut } = en(), Oe = Y(null), je = Y(null), pt = L.length === 1 && N !== "representation", ht = P(() => {
-    const y = M?.label || M?.name || "", F = M?.parents || [], B = [z];
-    switch (N) {
+  }, [xe, g, J]);
+  const { requestPipWindow: ut } = tn(), Ue = Z(null), Ve = Z(null), pt = l.length === 1 && D !== "representation", ht = E(() => {
+    const y = _?.label || _?.name || "", F = _?.parents || [], M = [G];
+    switch (D) {
       case "folder":
       case "task":
       case "product":
-        B.push(F.at(-1), y);
+        M.push(F.at(-1), y);
         break;
       case "version":
-        B.push(F.at(-2), F.at(-1), y);
+        M.push(F.at(-2), F.at(-1), y);
         break;
       case "representation":
-        B.push(F.at(-3), F.at(-2), F.at(-1), y);
+        M.push(F.at(-3), F.at(-2), F.at(-1), y);
         break;
       default:
-        B.push(y);
+        M.push(y);
     }
-    return B.filter(Boolean).join(" - ");
-  }, [M, N, z]), mt = () => {
-    ee({
-      entityType: N,
-      entities: J,
+    return M.filter(Boolean).join(" - ");
+  }, [_, D, G]), mt = () => {
+    te({
+      entityType: D,
+      entities: W,
       scope: x
     }), ut(500, 500);
-  }, Re = () => !(D.length > 1 || ne && (!w || !Object.prototype.hasOwnProperty.call(
+  }, $e = () => !(Q.length > 1 || se && (!w || !Object.prototype.hasOwnProperty.call(
     O,
-    te.attrib?.email || ""
+    ne.attrib?.email || ""
   )));
   return /* @__PURE__ */ i(
-    nn,
+    sn,
     {
-      thumbnailInputRef: Oe,
-      versionsInputRef: je,
+      thumbnailInputRef: Ue,
+      versionsInputRef: Ve,
       canUploadVersion: pt,
       children: /* @__PURE__ */ k(Pn, { className: "details-panel", children: [
-        /* @__PURE__ */ k(Nn, { children: [
+        /* @__PURE__ */ k(Dn, { children: [
           /* @__PURE__ */ i(
-            zt,
+            Gt,
             {
-              segments: Fe,
+              segments: Re,
               versions: lt,
-              projectName: z,
+              projectName: G,
               hideProjectName: g,
-              isLoading: ae || !Fe.length,
-              entityType: N,
+              isLoading: S || !Re.length,
+              entityType: D,
               scope: x,
-              entityTypeIcons: ot
+              entityTypeIcons: ye
             }
           ),
-          /* @__PURE__ */ k(Dn, { className: "right-tools", children: [
+          /* @__PURE__ */ k(En, { className: "right-tools", children: [
             /* @__PURE__ */ i(
-              Qn,
+              qn,
               {
-                entityType: N,
-                entityId: M?.id,
-                entityIds: J.map((y) => y.id).filter(Boolean),
+                entityType: D,
+                entityId: _?.id,
+                entityIds: W.map((y) => y.id).filter(Boolean),
                 entityLabel: ht,
-                projectName: z,
-                selectedEntities: L.filter((y) => !!y?.id).map((y) => {
-                  const F = y.entityType || N;
+                projectName: G,
+                selectedEntities: l.filter((y) => !!y?.id).map((y) => {
+                  const F = y.entityType || D;
                   return {
                     entityId: y.id,
                     entityType: F,
                     hasReviewables: !!y.hasReviewables,
                     name: y.name,
                     label: y.label,
-                    projectName: y.projectName || z,
+                    projectName: y.projectName || G,
                     folderId: F === "task" ? y.folder?.id : void 0
                   };
                 }),
                 entityListsContext: U,
                 onOpenPip: mt,
-                onOpenViewer: c,
-                productId: M?.product?.id,
-                taskId: M?.task?.id,
-                folderId: M?.folder?.id
+                onOpenViewer: d,
+                productId: _?.product?.id,
+                taskId: _?.task?.id,
+                folderId: _?.folder?.id
               }
             ),
             /* @__PURE__ */ i(
-              Mt,
+              Ht,
               {
-                entities: J,
-                entityType: N,
+                entities: W,
+                entityType: D,
                 options: r || [],
-                onWatchersUpdate: E && E,
-                userName: te.name
+                onWatchersUpdate: I && I,
+                userName: ne.name
               }
             ),
-            R && /* @__PURE__ */ i(
-              X,
+            j && /* @__PURE__ */ i(
+              Y,
               {
                 icon: "close",
                 variant: "text",
-                onClick: ye,
+                onClick: xe,
                 "data-shortcut": "Escape"
               }
             )
           ] })
         ] }),
-        Ee && /* @__PURE__ */ i(
-          Ln,
+        Oe && /* @__PURE__ */ i(
+          _n,
           {
-            latestVersion: Ee,
-            resolveVersionJump: _
+            latestVersion: Oe,
+            resolveVersionJump: L
           }
         ),
         /* @__PURE__ */ i(
-          Un,
+          Vn,
           {
-            entityType: N,
-            entitySubTypes: me,
-            entities: L,
+            entityType: D,
+            entitySubTypes: ve,
+            entities: l,
             users: r,
-            disabledAssignees: l,
+            disabledAssignees: c,
             disabledStatuses: a,
             tagsOptions: s,
-            isFetching: ae,
-            isCompact: j,
+            isFetching: S,
+            isCompact: R,
             currentTab: $,
             onTabChange: V,
-            projectInfo: H,
-            onOpenViewer: (y) => c?.(y),
-            onEntityFocus: d,
-            thumbnailInputRef: Oe,
-            versionsInputRef: je
+            projectInfo: de,
+            onOpenViewer: (y) => d?.(y),
+            onEntityFocus: u,
+            thumbnailInputRef: Ue,
+            versionsInputRef: Ve
           }
         ),
-        /* @__PURE__ */ k(Ke, { projectName: z, children: [
-          q && !it && /* @__PURE__ */ i(
-            tt,
+        /* @__PURE__ */ k(Je, { projectName: G, children: [
+          ce && !z && /* @__PURE__ */ i(
+            st,
             {
-              entityType: N,
-              entities: L,
-              activeUsers: h || [],
-              projectInfo: Ie,
-              projectName: z,
-              disabled: !Re(),
+              entityType: D,
+              entities: l,
+              activeUsers: m || [],
+              projectInfo: Ae,
+              projectName: G,
+              disabled: !$e(),
               scope: x,
-              statuses: Pe,
+              statuses: Fe,
               readOnly: !1,
               entityListId: w,
               annotations: A,
-              removeAnnotation: T,
+              removeAnnotation: N,
               exportAnnotationComposite: v,
               isSlideOut: g
             }
           ),
-          $ === "subtasks" && N === "task" && M?.id && Q && /* @__PURE__ */ i(
-            us,
+          $ === "subtasks" && D === "task" && _?.id && K && /* @__PURE__ */ i(
+            ps,
             {
-              projectName: z,
-              taskId: M.id,
-              taskName: M.name,
-              folderId: M.folder?.id,
-              subtasks: M.task?.subtasks || [],
-              SubtasksManager: Q,
-              useNavigate: re,
+              projectName: G,
+              taskId: _.id,
+              taskName: _.name,
+              folderId: _.folder?.id,
+              subtasks: _.task?.subtasks || [],
+              SubtasksManager: K,
+              useNavigate: le,
               onNotFound: () => V("feed")
             }
           ),
           $ === "files" && /* @__PURE__ */ i(
-            $n,
+            Ln,
             {
-              entities: L,
+              entities: l,
               scope: x,
-              isLoadingVersion: ae
+              isLoadingVersion: S
             }
           ),
           $ === "details" && /* @__PURE__ */ i(
-            Xn,
+            Yn,
             {
-              entityType: N,
-              entities: L,
-              activeUsers: h || [],
-              projectInfo: Ie,
-              projectName: z,
-              disabled: !Re(),
+              entityType: D,
+              entities: l,
+              activeUsers: m || [],
+              projectInfo: Ae,
+              projectName: G,
+              disabled: !$e(),
               scope: x,
-              statuses: Pe,
+              statuses: Fe,
               readOnly: !1,
               annotations: A,
-              removeAnnotation: T,
+              removeAnnotation: N,
               exportAnnotationComposite: v,
               children: /* @__PURE__ */ i(
-                Ht,
+                Bt,
                 {
-                  entities: L,
-                  isLoading: ae
+                  entities: l,
+                  isLoading: S
                 }
               )
             }
@@ -1791,14 +1802,14 @@ const Nn = S(Me)`
       ] })
     }
   );
-}, ms = ({
+}, gs = ({
   isOpen: e,
   entityType: n,
   ...t
 }) => {
-  const { entities: o } = G();
-  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(hs, { ...t, entityType: n || o?.entityType });
-}, gs = xt`
+  const { entities: o } = q();
+  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(ms, { ...t, entityType: n || o?.entityType });
+}, fs = xt`
 from {
   translate: 0 0;
 }
@@ -1806,7 +1817,7 @@ to {
   translate: calc(-100% - 8px) 0;
 }
-`, fs = S.div`
+`, bs = C.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1815,11 +1826,11 @@ to {
   width: 100%;
   max-width: 533px;
-  animation: ${gs} 0.2s ease forwards;
-`, ma = ({ projectsInfo: e, scope: n }) => {
-  const { slideOut: t, onOpenViewer: o } = G(), { entityType: s, entityId: a, projectName: r } = t || {}, l = !!s && !!a && !!r, { data: h } = ze({ projectName: r }, { skip: !r }), f = e[r || ""] || {}, { tags: u = [] } = f, { closeSlideOut: g } = G(), b = () => g(), x = (j) => o?.(j);
-  return l ? /* @__PURE__ */ i(fs, { children: /* @__PURE__ */ i(
-    ms,
+  animation: ${fs} 0.2s ease forwards;
+`, ga = ({ projectsInfo: e, scope: n }) => {
+  const { slideOut: t, onOpenViewer: o } = q(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: m } = Qe({ projectName: r }, { skip: !r }), f = e[r || ""] || {}, { tags: p = [] } = f, { closeSlideOut: g } = q(), b = () => g(), x = (R) => o?.(R);
+  return c ? /* @__PURE__ */ i(bs, { children: /* @__PURE__ */ i(
+    gs,
     {
       isOpen: !0,
       entityType: s,
@@ -1827,9 +1838,9 @@ to {
       entities: [{ id: a, projectName: r }],
       projectsInfo: { [r]: f },
       projectNames: [r],
-      tagsOptions: u,
-      projectUsers: h,
-      activeProjectUsers: h,
+      tagsOptions: p,
+      projectUsers: m,
+      activeProjectUsers: m,
       isSlideOut: !0,
       scope: n,
       onClose: b,
@@ -1837,20 +1848,20 @@ to {
     }
   ) }) : null;
 };
-S(Cn)`
+C(Tn)`
   .p-dialog-header-icons {
     display: none;
   }
   .p-dialog-content {
   }
 `;
-const bs = S.div`
+const vs = C.div`
   display: flex;
   flex-direction: column;
   margin: -8px;
   width: calc(100% + 16px);
   height: calc(100% + 16px);
-`, vs = S.header`
+`, ys = C.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -1862,7 +1873,7 @@ const bs = S.div`
       display: none;
     }
   }
-`, ys = S.div`
+`, ks = C.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1899,12 +1910,12 @@ const bs = S.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, ks = S.div`
+`, ws = C.div`
   display: flex;
   justify-content: space-between;
   padding: 8px;
   padding-top: 0;
-`, ws = S.div`
+`, xs = C.div`
   border-top: solid 1px var(--md-sys-color-outline-variant);
   height: 100%;
   overflow: hidden;
@@ -1923,7 +1934,7 @@ const bs = S.div`
       display: none;
     }
   }
-`, xs = S.div`
+`, Ss = C.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1934,87 +1945,87 @@ const bs = S.div`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, ga = () => {
-  const { pip: e } = G(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Pt({ projects: a }, { skip: !s }), { data: l = {}, isFetching: h } = It(
+`, fa = () => {
+  const { pip: e } = q(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Et({ projects: a }, { skip: !s }), { data: c = {}, isFetching: m } = Pt(
     {
       projects: a
     },
     { skip: !s }
-  ), f = P(
-    () => et(l, a),
-    [l, a]
-  ), { data: u = [], isFetching: g } = Ge(
+  ), f = E(
+    () => nt(c, a),
+    [c, a]
+  ), { data: p = [], isFetching: g } = qe(
     // @ts-expect-error
     { entityType: n, entities: t },
     {
-      skip: !s || h
+      skip: !s || m
     }
-  ), b = P(
-    () => nt(l, a),
-    [l, a]
-  ), x = P(
+  ), b = E(
+    () => at(c, a),
+    [c, a]
+  ), x = E(
     () => ({
       task: b.taskTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
       folder: b.folderTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
       product: b.productTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {})
     }),
     [b]
-  ), j = P(
-    () => n ? Xe(u, n, x) : [],
-    [u, n]
-  ), R = P(() => r.filter((v) => u.some((w) => w?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), E = u[0];
-  if (!u.length || !E) return null;
+  ), R = E(
+    () => n ? Ze(p, n, x) : [],
+    [p, n]
+  ), j = E(() => r.filter((v) => p.some((w) => w?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), I = p[0];
+  if (!p.length || !I) return null;
   if (g) return /* @__PURE__ */ i("div", { children: "Loading..." });
-  const c = E?.projectName, C = u.some((v) => v?.status !== E?.status) ? {
+  const d = I?.projectName, T = p.some((v) => v?.status !== I?.status) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
-  } : f.find((v) => v.name === E?.status) || {
+  } : f.find((v) => v.name === I?.status) || {
     icon: "",
     color: "",
     name: "None"
   };
   if (!n) return null;
-  const { title: A, subTitle: T } = Ze(u, n);
-  return /* @__PURE__ */ i(tn, { children: /* @__PURE__ */ i(Ke, { projectName: c, children: /* @__PURE__ */ k(bs, { children: [
-    /* @__PURE__ */ k(vs, { children: [
-      /* @__PURE__ */ i(Qe, { thumbnails: j }),
-      /* @__PURE__ */ k(ys, { children: [
+  const { title: A, subTitle: N } = tt(p, n);
+  return /* @__PURE__ */ i(nn, { children: /* @__PURE__ */ i(Je, { projectName: d, children: /* @__PURE__ */ k(vs, { children: [
+    /* @__PURE__ */ k(ys, { children: [
+      /* @__PURE__ */ i(Ke, { thumbnails: R }),
+      /* @__PURE__ */ k(ks, { children: [
         /* @__PURE__ */ i("h2", { children: A }),
         /* @__PURE__ */ k("div", { className: "sub-title", children: [
           /* @__PURE__ */ k("span", { children: [
-            qe(n),
+            Xe(n),
             " - "
           ] }),
-          /* @__PURE__ */ i("h3", { children: T })
+          /* @__PURE__ */ i("h3", { children: N })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k(ks, { children: [
+    /* @__PURE__ */ k(ws, { children: [
       /* @__PURE__ */ k(
-        xs,
+        Ss,
         {
           style: {
-            backgroundColor: C?.color,
-            color: Be(C?.color)
+            backgroundColor: T?.color,
+            color: De(T?.color)
           },
           children: [
-            /* @__PURE__ */ i(fe, { icon: C.icon || "question_mark", style: { color: "inherit" } }),
-            /* @__PURE__ */ i("span", { className: "label", children: C?.name })
+            /* @__PURE__ */ i(fe, { icon: T.icon || "question_mark", style: { color: "inherit" } }),
+            /* @__PURE__ */ i("span", { className: "label", children: T?.name })
           ]
         }
       ),
-      /* @__PURE__ */ i(yt, { users: R, style: { pointerEvents: "none" } })
+      /* @__PURE__ */ i(yt, { users: j, style: { pointerEvents: "none" } })
     ] }),
-    /* @__PURE__ */ i(ws, { children: /* @__PURE__ */ i(
-      tt,
+    /* @__PURE__ */ i(xs, { children: /* @__PURE__ */ i(
+      st,
       {
         entityType: n,
-        entities: u,
-        thumbnailHash: E?.thumbnailHash,
+        entities: p,
+        thumbnailHash: I?.thumbnailHash,
         activeUsers: [],
-        projectInfo: l[c],
-        projectName: c,
+        projectInfo: c[d],
+        projectName: d,
         disabled: !1,
         scope: o,
         readOnly: !0,
@@ -2024,22 +2035,23 @@ const bs = S.div`
   ] }) }) });
 };
 export {
-  Lt as AssigneeSelect,
-  va as CloseButton,
-  Rt as Content,
-  ya as ContentRow,
-  ms as DetailsPanel,
-  ga as DetailsPanelFloating,
-  ma as DetailsPanelSlideOut,
-  ka as Footer,
+  _t as AssigneeSelect,
+  ya as CloseButton,
+  jt as Content,
+  ka as ContentRow,
+  gs as DetailsPanel,
+  fa as DetailsPanelFloating,
+  ga as DetailsPanelSlideOut,
+  wa as Footer,
   Ot as Grid,
-  jt as Header,
+  Rt as Header,
   At as HeaderContainer,
-  wa as LabelWrapper,
-  _t as PriorityEnumDropdown,
-  $t as StatusSelect,
+  xa as LabelWrapper,
+  Mt as PriorityEnumDropdown,
+  $t as ReadOnlyTags,
+  Lt as StatusSelect,
   Vt as TagsSelect,
-  xa as ThumbnailWrapper,
+  Sa as ThumbnailWrapper,
   Ut as Title,
-  ps as entitiesWithoutFeed
+  hs as entitiesWithoutFeed
 };