@ynput/ayon-frontend-shared 0.5.0 → 0.6.1

package/dist/DetailsPanel.es.js

@@ -1,54 +1,50 @@
 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 I, useState as K, useContext as kt, useId as wt } from "react";
+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 "./chunks/searchTerms.es.js";
-import { bk as St, bI as Ct, bW as Tt, cq as ze, bs as Ge, s as Nt, bM as Dt, c5 as It } from "./chunks/getUris.es.js";
+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 "primereact/confirmdialog";
-import { c as Pt, a as Et, H as Ft, G as jt, y as At, w as Qe, z as Ot, A as Rt, B as Ut, E as Vt, I as Lt, J as $t, W as _t, s as Mt } from "./chunks/Watchers.es.js";
-import { K as wa, N as xa, O as Sa, Q as Ca, T as Ta } from "./chunks/Watchers.es.js";
-import { E as Ht, R as Bt, a as Wt } from "./chunks/EntityPath.es.js";
-import { T as zt, h as Gt, i as Qt, j as qt, e as Kt, b as Jt } from "./chunks/DeleteEntitiesContext.es.js";
+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 Lt, I as $t, 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 "react-toastify";
 import "uuid";
-import { g as Xt, e as Yt } from "./chunks/extractEntityHierarchyFromParents.es.js";
-import { P as Ke } from "./chunks/ProjectContext.es.js";
-import { c as G, u as Zt, d as en, e as tn } from "./chunks/MenuContext.es.js";
+import { g as Gt, 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 "semver";
+import { T as nn, P as Ke } from "./chunks/ProjectContext.es.js";
+import "react-dom";
+import "react-redux";
 import oe from "clsx";
-import { A as nn } from "./chunks/Actions.es.js";
+import { A as sn } from "./chunks/Actions.es.js";
+import "./chunks/ContextMenuContextInstance.es.js";
 import { g as xe } from "./chunks/getEntityTypeIcon.es.js";
-import { P as sn, a as Je, m as an } from "./chunks/PlayableIcon.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/VersionUploadContext.es.js";
+import { u as un } from "./chunks/VersionUploadContextInstance.es.js";
 import { p as pn } from "./chunks/pluralize.es.js";
 import { c as mn } from "./chunks/copyToClipboard.es.js";
-import { a as hn } from "./chunks/ProjectFoldersContext.es.js";
-import { F as gn, a as fn } from "./chunks/Feed.es.js";
-import { l as bn, e as vn } from "./chunks/MetaWidget.es.js";
-import { t as yn, c as kn } from "./chunks/queryFilterToClientFilter.es.js";
-import { u as wn } from "./chunks/useDateRangeFilter.es.js";
-import { C as xn } from "./chunks/ThumbnailSimple.es.js";
-import "./chunks/useLocalStorage.es.js";
-import "@module-federation/enhanced/runtime";
-import "semver";
-import "react-dom";
-import "./chunks/GlobalContext.es.js";
-import "./chunks/ProjectFoldersContextInstance.es.js";
-import "react-redux";
-import "./chunks/ViewsContext.es.js";
+import { u as hn } 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 "axios";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-import "./chunks/useCreateContextMenu.es.js";
 import "custom-protocol-check";
 import "./chunks/SimpleForm.es.js";
-import { Dialog as Sn } from "primereact/dialog";
-function Cn({
+import { Dialog as Cn } from "primereact/dialog";
+function Tn({
   entityData: e,
   project: n,
   activeEntityType: t,
@@ -64,7 +60,7 @@ function Cn({
     window.history.replaceState({}, "", c);
   }, [e, n, t, o]);
 }
-const Tn = S(Me)`
+const Nn = S(Me)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -76,7 +72,7 @@ const Tn = S(Me)`
   & > * {
     min-width: max-content;
   }
-`, Nn = S.div`
+`, Dn = S.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
@@ -85,7 +81,7 @@ const Tn = S(Me)`
   right: 0;
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-low);
-`, Dn = S(gt)`
+`, Pn = S(gt)`
   gap: 0px;
   height: 100%;
   padding: 0px;
@@ -97,13 +93,13 @@ const Tn = S(Me)`
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, Pn = ["product", "representation"], En = ["task"], Fn = ({
+`, En = ["product", "representation"], Fn = ["task"], An = ({
   entityType: e,
   currentTab: n,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !Pn.includes(e), a = En.includes(e);
+  const s = !En.includes(e), a = Fn.includes(e);
   return /* @__PURE__ */ k(In, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
       X,
@@ -150,12 +146,12 @@ const Tn = S(Me)`
       }
     )
   ] });
-}, jn = S.div`
+}, On = S.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   overflow: hidden;
-`, An = S.button`
+`, jn = S.button`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -177,14 +173,14 @@ const Tn = S(Me)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, On = ({ entity: e, taskTypes: n }) => {
+`, Rn = ({ entity: e, taskTypes: n }) => {
   const { openSlideOut: t } = G(), { 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(jn, { className: "linked-task", children: [
+  return /* @__PURE__ */ k(On, { className: "linked-task", children: [
     /* @__PURE__ */ i("span", { children: "Task" }),
     /* @__PURE__ */ k(
-      An,
+      jn,
       {
         onClick: () => t({ entityId: s.id, entityType: "task", projectName: o }),
         children: [
@@ -253,7 +249,7 @@ const Tn = S(Me)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, Rn = ({
+}, Un = ({
   entityType: e,
   entitySubTypes: n,
   entities: t = [],
@@ -268,15 +264,15 @@ const Tn = S(Me)`
   projectInfo: g,
   onOpenViewer: f,
   onEntityFocus: x,
-  thumbnailInputRef: A,
+  thumbnailInputRef: j,
   versionsInputRef: R
 }) => {
-  const { useSearchParams: E, useNavigate: l, bundleMode: d } = G(), h = l(), [C, j] = E(), T = Y(null), v = I(() => Ye(g), [g]), w = Pt(
-    t.map((m) => m.projectName),
+  const { useSearchParams: E, useNavigate: l, bundleMode: d } = G(), m = l(), [C, A] = E(), T = Y(null), v = P(() => Ye(g), [g]), w = Et(
+    t.map((h) => h.projectName),
     [e]
-  ), O = I(() => e === "task" ? we(...t.map((m) => m.task?.assignees || [])) : e === "version" ? we(
-    ...t.map((m) => {
-      const D = m.version?.author;
+  ), O = P(() => e === "task" ? we(...t.map((h) => h.task?.assignees || [])) : e === "version" ? we(
+    ...t.map((h) => {
+      const D = h.version?.author;
       return Array.isArray(D) ? D : D ? [D] : [];
     })
   ) : [], [t, e]);
@@ -298,47 +294,47 @@ const Tn = S(Me)`
     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 } = St({ attributeName: "priority" }), te = Xt(ee, e), ne = I(
+  t.filter((h) => h.projectName === U?.projectName && h.id).map((h) => h.id);
+  const { data: ee } = Ct({ attributeName: "priority" }), te = Gt(ee, e), ne = P(
     () => Xe(t, e, v),
     [t, e, v]
-  ), P = I(() => t.map((m) => m.status), [t]), se = I(() => t.map((m) => m.attrib?.priority), [t]), ie = I(() => t.map((m) => m.tags), [t]), le = I(
-    () => r.reduce((m, D) => (m[D.name] = D, m), {}),
+  ), I = P(() => t.map((h) => h.status), [t]), se = P(() => t.map((h) => h.attrib?.priority), [t]), ie = P(() => t.map((h) => h.tags), [t]), le = P(
+    () => r.reduce((h, D) => (h[D.name] = D, h), {}),
     [r]
-  ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, L = ne.length === 1, { updateEntity: V } = Et({
-    entities: t.map((m) => ({
-      id: m.id,
-      projectName: m.projectName,
-      users: m.task?.assignees || [],
-      folderId: m.folder?.id,
-      productId: m.product?.id
+  ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, L = ne.length === 1, { updateEntity: V } = Ft({
+    entities: t.map((h) => ({
+      id: h.id,
+      projectName: h.projectName,
+      users: h.task?.assignees || [],
+      folderId: h.folder?.id,
+      productId: h.product?.id
     })),
     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 && f({
+  }), q = (h, D) => D == null ? console.error("value is null or undefined") : V(h, D), ce = () => {
+    let h, D = U.id, H = e + "Id";
+    e === "version" && U.product?.id && (h = [U.id], D = U.product?.id, H = "productId"), D && f({
       [H]: D,
       projectName: Z,
-      versionIds: m
+      versionIds: h
     });
-  }, pe = (e === "task" || e === "version") && (O.length > 0 || e === "task"), de = s.map((m) => m);
+  }, 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));
+    const h = s.map((H) => H.name), D = O.filter((H) => !h.includes(H));
     D.length && de.push(...D.map((H) => ({ name: H, fullName: H })));
   }
-  const { title: N, subTitle: me } = Ze(t, e), he = w?.length !== 0 && w?.find((m) => m.name === P[0]);
-  return /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ i(
-    Ht,
+  const { title: N, subTitle: me } = Ze(t, e), he = w?.length !== 0 && w?.find((h) => h.name === I[0]);
+  return /* @__PURE__ */ i(At, { children: /* @__PURE__ */ i(
+    Bt,
     {
       entities: t,
       entityType: e,
       projectName: Z,
-      thumbnailInputRef: A,
+      thumbnailInputRef: j,
       versionsInputRef: R,
-      onVersionCreated: (m) => x?.(m, "version"),
-      children: /* @__PURE__ */ k(jt, { className: oe("details-panel-header", { isCompact: p }), children: [
+      onVersionCreated: (h) => x?.(h, "version"),
+      children: /* @__PURE__ */ k(Ot, { className: oe("details-panel-header", { isCompact: p }), children: [
         /* @__PURE__ */ k(
-          At,
+          jt,
           {
             className: oe("titles", { isCompact: p, loading: _ }, "no-shimmer"),
             children: [
@@ -353,13 +349,13 @@ const Tn = S(Me)`
                     hoverIcon: re ? "play_circle" : void 0
                   }
                 ),
-                re && /* @__PURE__ */ i(sn, {})
+                re && /* @__PURE__ */ i(an, {})
               ] }),
-              /* @__PURE__ */ k(Ot, { className: oe({ loading: _ }), children: [
-                /* @__PURE__ */ k(Rt, { children: [
+              /* @__PURE__ */ k(Rt, { className: oe({ loading: _ }), children: [
+                /* @__PURE__ */ k(Ut, { children: [
                   /* @__PURE__ */ i("h2", { children: N }),
                   /* @__PURE__ */ i(
-                    Ut,
+                    Vt,
                     {
                       ref: T,
                       value: we(...ie),
@@ -367,7 +363,7 @@ const Tn = S(Me)`
                       options: [],
                       editable: !0,
                       editor: !0,
-                      onChange: (m) => q("tags", m),
+                      onChange: (h) => q("tags", h),
                       align: "right",
                       styleDropdown: { display: _ ? "none" : "unset" },
                       className: "tags-select",
@@ -383,7 +379,7 @@ const Tn = S(Me)`
                   /* @__PURE__ */ i("h3", { children: me })
                 ] }),
                 e === "version" && !Q && !_ && U && /* @__PURE__ */ i(
-                  On,
+                  Rn,
                   {
                     entity: U,
                     taskTypes: g.taskTypes
@@ -395,36 +391,36 @@ const Tn = S(Me)`
           }
         ),
         /* @__PURE__ */ i(
-          Vt,
+          Lt,
           {
-            value: P,
+            value: I,
             options: w || [],
             disabledValues: a,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (m) => q("status", m),
+            onChange: (h) => q("status", h),
             className: oe("status-select", { loading: _ }),
             align: p ? "right" : "left",
             $textColor: Be(he !== void 0 ? he.color : "#OOO")
           }
         ),
         !p && (!pe || _ ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
-          Lt,
+          $t,
           {
             value: O,
             options: de,
-            disabledValues: o.map((m) => m.name),
+            disabledValues: o.map((h) => h.name),
             isMultiple: Q && O.length > 1 && e === "task",
             readOnly: e !== "task",
             emptyMessage: e === "task" ? "Assign user" : "",
             align: "right",
-            onChange: (m) => q("assignees", m),
+            onChange: (h) => q("assignees", h),
             className: "assignee-select",
             "data-tooltip": O.length ? e === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i(
-          nn,
+          sn,
           {
             entities: t,
             entityType: e,
@@ -432,22 +428,22 @@ const Tn = S(Me)`
             isLoadingEntity: !!c || !!_,
             searchParams: C,
             bundleMode: d,
-            onSetSearchParams: j,
-            onNavigate: h
+            onSetSearchParams: A,
+            onNavigate: m
           }
         ),
         te ? /* @__PURE__ */ i(
-          $t,
+          _t,
           {
             options: te,
             placeholder: "No priority",
             value: se,
-            onChange: (m) => q("attrib", { priority: m[0] }),
+            onChange: (h) => q("attrib", { priority: h[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          Fn,
+          An,
           {
             entityType: e,
             currentTab: b,
@@ -458,7 +454,7 @@ const Tn = S(Me)`
       ] })
     }
   ) });
-}, Un = S.div`
+}, Vn = S.div`
   display: flex;
   flex-direction: column;
 
@@ -478,7 +474,7 @@ const Tn = S(Me)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, Vn = ({
+`, Ln = ({
   entities: e = [],
   scope: n,
   isLoadingVersion: t
@@ -486,11 +482,11 @@ const Tn = 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(Un, { children: [
+  return e.length > 1 && (s += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ k(Vn, { children: [
     /* @__PURE__ */ k(Ve, { children: [
       /* @__PURE__ */ i("h4", { children: s }),
       /* @__PURE__ */ i(
-        Bt,
+        Wt,
         {
           projectName: o.projectName,
           productId: o.product?.id,
@@ -505,10 +501,6 @@ const Tn = S(Me)`
       /* @__PURE__ */ i(on, { entities: e })
     ] })
   ] });
-}, Ln = (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;
 }, $n = ({
   latestVersion: e,
   resolveVersionJump: n
@@ -529,12 +521,16 @@ const Tn = S(Me)`
       } : void 0
     }
   );
-}, _n = () => ({
+}, _n = (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
-}), Mn = (e, n, t) => {
+}), Hn = (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;
-}, Hn = ({
+}, Bn = ({
   entityType: e,
   entityId: n,
   projectName: t,
@@ -549,48 +545,48 @@ const Tn = S(Me)`
   onPip: g,
   onOpenViewer: f,
   onUploadThumbnail: x,
-  onUploadVersion: A,
+  onUploadVersion: j,
   onShare: R,
   onViewData: E,
   onDelete: l
 }) => {
-  const d = I(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
-    entityId: h.entityId,
-    entityType: h.entityType || e,
-    hasReviewables: h.hasReviewables
+  const d = P(() => o.length ? o.filter((m) => !!m?.entityId).map((m) => ({
+    entityId: m.entityId,
+    entityType: m.entityType || e,
+    hasReviewables: m.hasReviewables
   })) : n ? [{ entityId: n, entityType: e }] : [], [o, n, e]);
-  return I(() => {
-    const h = [];
-    if (p && h.push({
+  return P(() => {
+    const m = [];
+    if (p && m.push({
       id: "open-in-viewer",
       label: "Open in viewer",
       icon: "play_circle",
       onClick: f
-    }), c && h.push({
+    }), c && m.push({
       id: "picture-in-picture",
       label: "Picture in picture",
       icon: "picture_in_picture",
       onClick: g
-    }), a && h.push({
+    }), a && m.push({
       id: "upload-thumbnail",
       label: "Upload thumbnail",
       icon: "add_photo_alternate",
       onClick: x
-    }), r && h.push({
+    }), r && m.push({
       id: "upload-version",
       label: "Upload version",
       icon: "upload",
-      onClick: A
+      onClick: j
     }), u?.openAddToListDialog && t && d.length) {
       const T = d[0]?.entityType || e, v = u.openAddToListDialog;
-      if (h.push({
+      if (m.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);
-        h.push({
+        m.push({
           id: "add-to-review-list",
           label: "Add to session",
           icon: "list_alt_add",
@@ -600,24 +596,24 @@ const Tn = S(Me)`
         });
       }
     }
-    const C = d[0], j = C?.entityId && t ? Mn(
+    const C = d[0], A = C?.entityId && t ? Hn(
       C.entityType || e,
       C.entityId,
       t
     ) : null;
-    if (j && h.push({
+    if (A && m.push({
       id: "share",
       label: "Share",
       icon: "share",
-      onClick: () => R(j)
-    }), h.push({
+      onClick: () => R(A)
+    }), m.push({
       id: "view-data",
       label: "View data",
       icon: "database",
       onClick: E
     }), b && 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)}`;
-      h.push({
+      m.push({
         id: "delete",
         label: w,
         icon: "delete",
@@ -625,7 +621,7 @@ const Tn = S(Me)`
         onClick: l
       });
     }
-    return { items: h, shareLink: j };
+    return { items: m, shareLink: A };
   }, [
     c,
     p,
@@ -640,12 +636,12 @@ const Tn = S(Me)`
     g,
     f,
     x,
-    A,
+    j,
     R,
     E,
     l
   ]);
-}, Bn = S.div`
+}, Wn = S.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -685,12 +681,12 @@ const Tn = S(Me)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, Wn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
+`, zn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
   if (!t) return null;
   const s = `[${n}](${e})`, a = (r) => {
     mn(r, !0), o();
   };
-  return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Bn, { children: [
+  return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Wn, { children: [
     /* @__PURE__ */ k(Le, { children: [
       /* @__PURE__ */ i($e, { children: "Link" }),
       /* @__PURE__ */ k(_e, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
@@ -706,7 +702,7 @@ const Tn = S(Me)`
       ] })
     ] })
   ] }) });
-}, zn = (e, n, t, o) => {
+}, Gn = (e, n, t, o) => {
   const s = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
@@ -720,7 +716,7 @@ const Tn = S(Me)`
     default:
       return null;
   }
-}, Gn = ({
+}, Qn = ({
   entityType: e,
   entityId: n,
   entityIds: t,
@@ -734,14 +730,14 @@ const Tn = S(Me)`
   taskId: u,
   folderId: g
 }) => {
-  const f = Y(null), [x, A] = K(!1), [R, E] = K(null), { menuOpen: l, toggleMenuOpen: d, setMenuOpen: h } = Zt(), { triggerThumbnailUpload: C, canUploadVersion: j } = kt(zt), { onOpenVersionUpload: T } = _n(), v = wt(), w = I(() => {
+  const f = Y(null), [x, j] = K(!1), [R, E] = K(null), { menuOpen: l, toggleMenuOpen: d, setMenuOpen: m } = qt(), { triggerThumbnailUpload: C, canUploadVersion: A } = kt(Kt), { onOpenVersionUpload: T } = Mn(), v = wt(), w = P(() => {
     const L = n || t?.[0] || "noentity";
     return `details-more-menu-${v}-${L}-${s || "noproject"}`;
-  }, [v, n, t, s]), O = l === w, U = !!n && !!s && !!C, _ = !!j && !!T, Z = () => {
+  }, [v, n, t, s]), O = l === w, U = !!n && !!s && !!C, _ = !!A && !!T, Z = () => {
     T?.({ productId: b, taskId: u, folderId: g });
-  }, ee = n && s ? zn(e, n, s, b) : null, te = !!p && !!ee, ne = Gt(), P = I(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
+  }, ee = n && s ? Gn(e, n, s, b) : null, te = !!p && !!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 !Qt(q) || !V.entityId || !ce ? null : {
+    return !Xt(q) || !V.entityId || !ce ? null : {
       id: V.entityId,
       entityType: q,
       name: V.name,
@@ -750,14 +746,14 @@ const Tn = S(Me)`
       folderId: V.folderId,
       parentId: V.parentId
     };
-  }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && P.length > 0, ie = () => {
-    h(!1), ne?.deleteEntities(P);
-  }, { items: le } = Hn({
+  }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && I.length > 0, ie = () => {
+    m(!1), ne?.deleteEntities(I);
+  }, { items: le } = Bn({
     entityType: e,
     entityId: n,
     projectName: s,
     selectedEntities: a,
-    deleteEntities: P,
+    deleteEntities: I,
     canUploadThumbnail: U,
     canUploadVersion: _,
     canOpenPip: !!c,
@@ -769,7 +765,7 @@ const Tn = S(Me)`
     onUploadThumbnail: () => C?.(),
     onUploadVersion: Z,
     onShare: (L) => E(L),
-    onViewData: () => A(!0),
+    onViewData: () => j(!0),
     onDelete: ie
   }), Q = t?.length ? t : n ? [n] : [], re = o || n || "";
   return /* @__PURE__ */ k(Ne, { children: [
@@ -785,7 +781,7 @@ const Tn = S(Me)`
         onClick: () => d(w)
       }
     ),
-    /* @__PURE__ */ i(ln, { id: w, target: f.current, align: "right", children: /* @__PURE__ */ i(cn, { menu: le, onClose: () => h(!1) }) }),
+    /* @__PURE__ */ i(ln, { id: w, target: f.current, align: "right", children: /* @__PURE__ */ i(cn, { menu: le, onClose: () => m(!1) }) }),
     x && s && Q.length > 0 && /* @__PURE__ */ i(
       dn,
       {
@@ -793,11 +789,11 @@ const Tn = S(Me)`
         entityType: e,
         entityIds: Q,
         visible: x,
-        onHide: () => A(!1)
+        onHide: () => j(!1)
       }
     ),
     R && /* @__PURE__ */ i(
-      Wn,
+      zn,
       {
         link: R,
         entityLabel: re,
@@ -806,7 +802,7 @@ const Tn = S(Me)`
       }
     )
   ] });
-}, Qn = (e, n) => {
+}, qn = (e, n) => {
   const t = [e];
   let o = e;
   for (; o.parentId && o.parentId !== "root"; ) {
@@ -816,23 +812,23 @@ const Tn = S(Me)`
     t.unshift(s), o = s;
   }
   return t;
-}, qn = (e, n) => {
+}, Kn = (e, n) => {
   const t = [];
   let o = n.get(e.folder?.id || "");
-  if ((o ? Qn(o, n) : []).forEach((a) => {
+  if ((o ? qn(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;
-}, Kn = ({
+}, Jn = ({
   entity: e,
   entityType: n,
   projectName: t,
   isLoading: o
 }) => {
-  const { data: { folders: s = [] } = {}, isFetching: a } = Ct(
+  const { data: { folders: s = [] } = {}, isFetching: a } = Tt(
     // TODO: this is major overkill, we are only using label, name and id
     //  We add a patch field that allows us to specify what ws message changes should cause an update to this query
     // @ts-expect-error - patch is not part of the query args
@@ -841,22 +837,22 @@ const Tn = S(Me)`
   ), r = hn(
     { projectName: t || "", isLoading: o },
     a
-  ), { data: c } = Tt(
+  ), { data: c } = Nt(
     { productId: e.product?.id || "", projectName: t },
     { skip: n !== "version" || !e.product?.id }
-  ), p = I(
+  ), p = P(
     () => c?.project.product?.versionList ? [...c.project.product?.versionList || []].sort((g, f) => g.name === "HERO" ? -1 : f.name === "HERO" ? 1 : f.name.localeCompare(g.name)).map((g) => ({
       type: "version",
       label: g.name,
       id: g.id
     })) : [],
     [c]
-  ), b = I(
+  ), b = P(
     () => new Map(s.map((g) => [g.id, g])),
     [s]
   );
-  return [I(
-    () => r ? [] : qn(e, b),
+  return [P(
+    () => r ? [] : Kn(e, b),
     [r, s, e]
   ), p];
 }, et = (e, n) => {
@@ -894,7 +890,7 @@ const Tn = S(Me)`
       ]
     }
   );
-}, Jn = ({
+}, Xn = ({
   children: e,
   scope: n = "dashboard",
   entities: t,
@@ -906,7 +902,7 @@ const Tn = S(Me)`
   exportAnnotationComposite: p,
   ...b
 }) => {
-  const u = { annotations: r, removeAnnotation: c, exportAnnotationComposite: p }, { user: g } = G(), f = g?.name ?? "", x = g?.attrib?.fullName ?? "", [A, R] = K(null);
+  const u = { annotations: r, removeAnnotation: c, exportAnnotationComposite: p }, { user: g } = G(), f = g?.name ?? "", x = g?.attrib?.fullName ?? "", [j, R] = K(null);
   return /* @__PURE__ */ i(
     Je,
     {
@@ -918,7 +914,7 @@ const Tn = S(Me)`
       userName: f,
       userFullName: x,
       ...u,
-      editingId: A,
+      editingId: j,
       setEditingId: R,
       ...b,
       children: e
@@ -968,15 +964,15 @@ const Tn = S(Me)`
   }), Object.keys(s).forEach((a) => {
     (a === "productTypes" || s[a].length > 0) && (t[a] = o(s[a]));
   }), t;
-}, Xn = S.div`
+}, Yn = S.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;
   gap: var(--base-gap-small);
-`, Yn = S.span`
+`, Zn = S.span`
   font-weight: 600;
   user-select: none;
-`, Zn = S.div`
+`, es = S.div`
   display: flex;
   gap: var(--base-gap-small);
 `, Ce = S(X)`
@@ -984,7 +980,7 @@ const Tn = S(Me)`
   &.hasIcon {
     padding: 4px;
   }
-`, es = S.div`
+`, ts = S.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1001,10 +997,10 @@ const Tn = S(Me)`
     box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);
     background-color: var(--md-sys-color-surface-container-lowest);
   }
-`, ts = S(bn)`
+`, ns = S(vn)`
   width: 28px;
   height: 28px;
-`, ns = S.input`
+`, ss = S.input`
   flex: 1;
   min-width: 0;
   border: none;
@@ -1017,7 +1013,7 @@ const Tn = S(Me)`
   &::placeholder {
     color: var(--md-sys-color-outline);
   }
-`, ss = S(X)`
+`, as = S(X)`
   background-color: unset;
   min-width: unset;
   &.hasIcon {
@@ -1054,7 +1050,7 @@ const Tn = S(Me)`
     operator: t,
     value: a[0] || ""
   };
-}, as = ({
+}, os = ({
   label: e,
   filters: n,
   currentFilter: t,
@@ -1076,56 +1072,56 @@ const Tn = S(Me)`
       o(l.id);
       return;
     }
-    const h = t.conditions ? [...t.conditions] : [], C = {
+    const m = t.conditions ? [...t.conditions] : [], C = {
       ...t,
-      conditions: h,
+      conditions: m,
       operator: t.operator || "and"
-    }, j = String(l.id), T = h.findIndex((w) => ue(w, j)), v = l.type || "boolean";
+    }, A = String(l.id), T = m.findIndex((w) => ue(w, A)), v = l.type || "boolean";
     if (v === "boolean")
-      T > -1 ? h.splice(T, 1) : h.push({ key: j, operator: l.operator || "eq", value: !0 });
+      T > -1 ? m.splice(T, 1) : m.push({ key: A, operator: l.operator || "eq", value: !0 });
     else if (v === "enum") {
       const w = Array.isArray(d) ? d : [d];
       if (w.length === 0 || w.length === 1 && w[0] === void 0)
-        T > -1 && h.splice(T, 1);
+        T > -1 && m.splice(T, 1);
       else {
         const O = {
-          key: j,
+          key: A,
           operator: l.operator || "in",
           value: w
         };
-        T > -1 ? h[T] = O : h.push(O);
+        T > -1 ? m[T] = O : m.push(O);
       }
     } else if (v === "search") {
       const w = typeof d == "string" ? d : "";
       if (!w)
-        T > -1 && h.splice(T, 1);
+        T > -1 && m.splice(T, 1);
       else {
-        const O = st(w, j, l.operator || "like");
-        T > -1 ? h[T] = O : h.push(O);
+        const O = st(w, A, l.operator || "like");
+        T > -1 ? m[T] = O : m.push(O);
       }
     }
     o(C);
   }, f = (l) => {
     const d = String(l.id);
     if (a !== d && (r(d), u(t))) {
-      const h = t.conditions?.find((C) => ue(C, d));
-      p(h ? Te(h) : "");
+      const m = t.conditions?.find((C) => ue(C, d));
+      p(m ? Te(m) : "");
     }
   }, x = (l, d) => {
     p(d), g(l, d);
-  }, A = (l) => {
+  }, j = (l) => {
     p(""), r(null), g(l, "");
   }, R = (l) => u(t) ? t.conditions?.some((d) => ue(d, String(l.id))) : l.id === t, E = (l) => u(t) ? t.conditions?.find(
-    (h) => De(h) && h.key === String(l.id)
+    (m) => De(m) && m.key === String(l.id)
   )?.value || [] : [];
-  return /* @__PURE__ */ k(Xn, { className: oe("panel-tabs", { loading: s }), children: [
-    /* @__PURE__ */ i(Yn, { className: "panel-header-label", children: e }),
+  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(Zn, { className: "panel-header-filters", children: n.map((l) => {
-      const d = R(l), h = l.type || "boolean";
-      if (h === "enum")
+    /* @__PURE__ */ i(es, { className: "panel-header-filters", children: n.map((l) => {
+      const d = R(l), m = l.type || "boolean";
+      if (m === "enum")
         return /* @__PURE__ */ i(
-          ts,
+          ns,
           {
             options: l.options || [],
             value: E(l),
@@ -1148,10 +1144,10 @@ const Tn = S(Me)`
           },
           String(l.id)
         );
-      if (h === "search") {
+      if (m === "search") {
         const C = a === String(l.id);
         return /* @__PURE__ */ k(
-          es,
+          ts,
           {
             className: oe("panel-filter", "panel-filter-search", { expanded: C }),
             children: [
@@ -1167,22 +1163,22 @@ const Tn = S(Me)`
               ),
               C && /* @__PURE__ */ k(Ne, { children: [
                 /* @__PURE__ */ i(
-                  ns,
+                  ss,
                   {
                     ref: b,
                     value: c,
-                    onChange: (j) => x(l, j.target.value),
-                    onKeyDown: (j) => {
-                      j.key === "Escape" && A(l);
+                    onChange: (A) => x(l, A.target.value),
+                    onKeyDown: (A) => {
+                      A.key === "Escape" && j(l);
                     },
                     placeholder: l.placeholder || "Search..."
                   }
                 ),
                 /* @__PURE__ */ i(
-                  ss,
+                  as,
                   {
                     icon: "close",
-                    onClick: () => A(l),
+                    onClick: () => j(l),
                     "data-tooltip": "Clear",
                     "data-tooltip-delay": 0
                   }
@@ -1207,10 +1203,10 @@ const Tn = S(Me)`
       );
     }) })
   ] });
-}, at = ["done", "isDone"], os = (e) => !!e && "key" in e, is = (e, n) => {
+}, at = ["done", "isDone"], is = (e) => !!e && "key" in e, rs = (e, n) => {
   const t = [], o = [], s = (a) => {
     if (!a) return;
-    if (os(a)) {
+    if (is(a)) {
       const c = a.key;
       if (c === "search") {
         const u = String(a.value ?? "");
@@ -1262,7 +1258,7 @@ const Tn = S(Me)`
       });
       return;
     }
-    const r = yn(a, n);
+    const r = kn(a, n);
     if (r) {
       t.push(r);
       return;
@@ -1270,7 +1266,7 @@ const Tn = S(Me)`
     a.conditions?.forEach(s);
   };
   return e?.conditions?.forEach(s), o.length && t.push({ id: We, label: "", values: o }), t;
-}, rs = (e) => {
+}, ls = (e) => {
   const n = [], t = [];
   return e.forEach((o) => {
     const s = bt(o.id), a = (o.values || []).map((r) => r.id);
@@ -1283,12 +1279,12 @@ const Tn = S(Me)`
         const r = a[0] === "true";
         n.push({ key: s, operator: "eq", value: r });
       } else if (o.type === "datetime") {
-        const r = kn(s, o);
+        const r = wn(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 };
-}, ls = S.div`
+}, cs = S.div`
   padding: 4px 8px;
   padding-bottom: 0;
 
@@ -1296,7 +1292,7 @@ const Tn = S(Me)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, cs = ({
+`, ds = ({
   subtasksFilter: e,
   setSubtasksFilter: n,
   users: t,
@@ -1305,7 +1301,7 @@ const Tn = S(Me)`
   doneCount: a = 0,
   onSearchTextChange: r
 }) => {
-  const c = I(
+  const c = P(
     () => [
       {
         id: "isDone",
@@ -1349,25 +1345,25 @@ const Tn = S(Me)`
       //   },
     ],
     [t]
-  ), p = I(() => is(e, c), [e, c]), [b, u] = K(p), g = Y(null), f = wn();
+  ), p = P(() => rs(e, c), [e, c]), [b, u] = K(p), g = Y(null), f = xn();
   W(() => {
     u(p);
   }, [JSON.stringify(p)]);
   const x = (d) => {
-    const h = rs(d);
-    n(h), r?.("");
-  }, A = (d) => {
+    const m = ls(d);
+    n(m), r?.("");
+  }, j = (d) => {
     f.wrapFilterChange(d, b, u);
-  }, R = (d, h) => {
-    h || r?.(d);
+  }, R = (d, m) => {
+    m || r?.(d);
   };
   let E = "";
   s > 0 && (E = `${a}/${s}`);
-  const l = I(
+  const l = P(
     () => [{ id: "isDone", label: E, tooltip: "Status" }],
     [E]
   );
-  return /* @__PURE__ */ k(ls, { className: o ? "loading" : void 0, children: [
+  return /* @__PURE__ */ k(cs, { className: o ? "loading" : void 0, children: [
     /* @__PURE__ */ i(
       vt,
       {
@@ -1375,7 +1371,7 @@ const Tn = S(Me)`
         compact: !0,
         options: c,
         filters: b,
-        onChange: A,
+        onChange: j,
         onFinish: x,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
@@ -1398,7 +1394,7 @@ const Tn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      xn,
+      bn,
       {
         isOpen: !!f.customRangeFilterId,
         header: c.find((d) => d.id === f.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
@@ -1411,8 +1407,8 @@ const Tn = S(Me)`
       }
     )
   ] });
-}, ds = ({ ...e }) => {
-  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: c } = G(), { data: p = [] } = ze({ projectName: e.projectName }), b = e.subtasks?.length || 0, u = e.subtasks?.filter((f) => f.isDone).length || 0, g = I(() => {
+}, us = ({ ...e }) => {
+  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: c } = G(), { data: p = [] } = ze({ projectName: e.projectName }), b = e.subtasks?.length || 0, u = e.subtasks?.filter((f) => f.isDone).length || 0, g = P(() => {
     let f = n;
     if (o) {
       const x = { key: "search", operator: "like", value: o };
@@ -1422,11 +1418,11 @@ const Tn = S(Me)`
         operator: "and"
       };
     }
-    return an(f);
+    return Sn(f);
   }, [n, o]);
   return /* @__PURE__ */ k(Ne, { children: [
     /* @__PURE__ */ i(
-      as,
+      os,
       {
         label: `Subtasks (${b})`,
         filters: [],
@@ -1435,7 +1431,7 @@ const Tn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      cs,
+      ds,
       {
         subtasksFilter: n,
         setSubtasksFilter: t,
@@ -1446,7 +1442,7 @@ const Tn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      vn,
+      yn,
       {
         ...e,
         style: { padding: 8, height: "unset" },
@@ -1459,7 +1455,7 @@ const Tn = S(Me)`
       }
     )
   ] });
-}, us = ["product", "representation"], ps = ({
+}, ps = ["product", "representation"], ms = ({
   entityType: e,
   entitySubTypes: n = [],
   // entities is data we already have from kanban
@@ -1476,16 +1472,16 @@ const Tn = S(Me)`
   isSlideOut: g = !1,
   style: f = {},
   scope: x,
-  isCompact: A = !1,
+  isCompact: j = !1,
   onClose: R,
   onWatchersUpdate: E,
   onOpenViewer: l,
   onEntityFocus: d,
-  onOpen: h,
+  onOpen: m,
   onUriOpen: C,
   // when the details panel is opened from uri
   // annotations
-  annotations: j,
+  annotations: A,
   removeAnnotation: T,
   exportAnnotationComposite: v,
   entityListId: w,
@@ -1498,30 +1494,30 @@ const Tn = S(Me)`
     openPip: ee,
     user: te,
     isGuest: ne,
-    entities: P,
+    entities: I,
     setEntities: se,
     slideOut: ie,
     useSearchParams: le,
     SubtasksManager: Q,
     useNavigate: re
-  } = G(), { currentTab: L, setTab: V, isFeed: q } = en(x), [ce, pe] = le(), de = Y(!1), N = P?.entityType ?? e, me = P?.entities ?? o, he = P?.entitySubTypes ?? n, m = P?.entities ? [] : t, D = P?.entities ? P.entities.map((y) => y.projectName) : u;
+  } = G(), { currentTab: L, setTab: V, isFeed: q } = Yt(x), [ce, pe] = le(), de = Y(!1), N = I?.entityType ?? e, me = I?.entities ?? o, he = I?.entitySubTypes ?? n, h = I?.entities ? [] : t, D = I?.entities ? I.entities.map((y) => y.projectName) : u;
   W(() => {
-    h && !de.current && (de.current = !0, h());
+    m && !de.current && (de.current = !0, m());
   }, []), W(() => {
-    us.includes(N) && L !== "details" && V("details");
+    ps.includes(N) && L !== "details" && V("details");
   }, [N, L, V]), W(() => {
-    o.length && P && se(null);
-  }, [o, P, se]);
-  const H = I(
+    o.length && I && se(null);
+  }, [o, I, se]);
+  const H = P(
     () => nt(b, D),
     [b, D]
-  ), ot = I(() => Ye(H), [H]);
+  ), ot = P(() => Ye(H), [H]);
   W(() => {
     L === "files" && N !== "version" && V("feed"), L === "subtasks" && N !== "task" && V("feed");
   }, [N, L, x]);
   let J = me.length ? me.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 }))
+    h.map((y) => ({ id: y.id, projectName: y.projectName }))
   );
   J = J.filter((y) => y.id);
   const {
@@ -1532,7 +1528,7 @@ const Tn = S(Me)`
   } = Ge(
     { entityType: N, entities: J },
     {
-      skip: !J.length || !Nt.includes(N)
+      skip: !J.length || !Dt.includes(N)
     }
   );
   W(() => {
@@ -1540,25 +1536,25 @@ const Tn = S(Me)`
   }, [rt, g]);
   const be = Y(null);
   W(() => {
-    P || (be.current = null);
-  }, [P]), W(() => {
-    if (!ae && (P?.source === "uri" || P?.source === "url") && P?.entities?.length && C) {
-      const y = P.entities[0].id;
+    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 = $.find((B) => B.id === y);
       if (!F) return;
-      be.current = y, C(F, P.source);
+      be.current = y, C(F, I.source);
     }
-  }, [$, ae, P, C]);
-  const Ie = et(b), z = D[0], Pe = b[z] || {}, M = $[0] || {}, ge = $[$.length - 1], ve = D[D.length - 1], Ee = x === "inbox" && N === "version" && $.length === 1 ? Ln($[0]) : void 0, [Fe, lt] = Kn({
+  }, [$, ae, I, C]);
+  const Pe = et(b), z = D[0], Ie = b[z] || {}, M = $[0] || {}, ge = $[$.length - 1], ve = D[D.length - 1], Ee = x === "inbox" && N === "version" && $.length === 1 ? _n($[0]) : void 0, [Fe, lt] = Jn({
     entity: M,
     entityType: N,
     projectName: z,
     isLoading: ae
-  }), { setEntityUri: ct, setUri: je } = tn();
+  }), { setEntityUri: ct, setUri: Ae } = Zt();
   W(() => {
     if (!ge?.parents || !ve) return;
-    const { folderPath: y, taskName: F, versionName: B, productName: Ue } = Yt(
+    const { folderPath: y, taskName: F, versionName: B, productName: Ue } = Qt(
       ge.parents,
       N,
       ge.name
@@ -1570,9 +1566,9 @@ const Tn = S(Me)`
       productName: Ue,
       versionName: B
     }), () => {
-      je("");
+      Ae("");
     };
-  }, [$, D, N]), Cn({
+  }, [$, D, N]), Tn({
     entityData: ge,
     project: ve,
     activeEntityType: N,
@@ -1587,7 +1583,7 @@ const Tn = S(Me)`
       { replace: !0 }
     );
   }, ye = () => {
-    R?.(), se(null), je(""), dt(), Z();
+    R?.(), se(null), Ae(""), dt(), Z();
   };
   W(() => {
     const y = (F) => {
@@ -1599,7 +1595,7 @@ const Tn = S(Me)`
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
   }, [ye, g, ie]);
-  const { requestPipWindow: ut } = qt(), Ae = Y(null), Oe = Y(null), pt = $.length === 1 && N !== "representation", mt = I(() => {
+  const { requestPipWindow: ut } = en(), Oe = Y(null), je = Y(null), pt = $.length === 1 && N !== "representation", mt = P(() => {
     const y = M?.label || M?.name || "", F = M?.parents || [], B = [z];
     switch (N) {
       case "folder":
@@ -1628,15 +1624,15 @@ const Tn = S(Me)`
     te.attrib?.email || ""
   )));
   return /* @__PURE__ */ i(
-    Kt,
+    nn,
     {
-      thumbnailInputRef: Ae,
-      versionsInputRef: Oe,
+      thumbnailInputRef: Oe,
+      versionsInputRef: je,
       canUploadVersion: pt,
-      children: /* @__PURE__ */ k(Dn, { className: "details-panel", children: [
-        /* @__PURE__ */ k(Tn, { children: [
+      children: /* @__PURE__ */ k(Pn, { className: "details-panel", children: [
+        /* @__PURE__ */ k(Nn, { children: [
           /* @__PURE__ */ i(
-            Wt,
+            zt,
             {
               segments: Fe,
               versions: lt,
@@ -1648,9 +1644,9 @@ const Tn = S(Me)`
               entityTypeIcons: ot
             }
           ),
-          /* @__PURE__ */ k(Nn, { className: "right-tools", children: [
+          /* @__PURE__ */ k(Dn, { className: "right-tools", children: [
             /* @__PURE__ */ i(
-              Gn,
+              Qn,
               {
                 entityType: N,
                 entityId: M?.id,
@@ -1678,7 +1674,7 @@ const Tn = S(Me)`
               }
             ),
             /* @__PURE__ */ i(
-              _t,
+              Mt,
               {
                 entities: J,
                 entityType: N,
@@ -1706,7 +1702,7 @@ const Tn = S(Me)`
           }
         ),
         /* @__PURE__ */ i(
-          Rn,
+          Un,
           {
             entityType: N,
             entitySubTypes: he,
@@ -1716,14 +1712,14 @@ const Tn = S(Me)`
             disabledStatuses: a,
             tagsOptions: s,
             isFetching: ae,
-            isCompact: A,
+            isCompact: j,
             currentTab: L,
             onTabChange: V,
             projectInfo: H,
             onOpenViewer: (y) => l?.(y),
             onEntityFocus: d,
-            thumbnailInputRef: Ae,
-            versionsInputRef: Oe
+            thumbnailInputRef: Oe,
+            versionsInputRef: je
           }
         ),
         /* @__PURE__ */ k(Ke, { projectName: z, children: [
@@ -1733,21 +1729,21 @@ const Tn = S(Me)`
               entityType: N,
               entities: $,
               activeUsers: p || [],
-              projectInfo: Pe,
+              projectInfo: Ie,
               projectName: z,
               disabled: !Re(),
               scope: x,
-              statuses: Ie,
+              statuses: Pe,
               readOnly: !1,
               entityListId: w,
-              annotations: j,
+              annotations: A,
               removeAnnotation: T,
               exportAnnotationComposite: v,
               isSlideOut: g
             }
           ),
           L === "subtasks" && N === "task" && M?.id && Q && /* @__PURE__ */ i(
-            ds,
+            us,
             {
               projectName: z,
               taskId: M.id,
@@ -1760,7 +1756,7 @@ const Tn = S(Me)`
             }
           ),
           L === "files" && /* @__PURE__ */ i(
-            Vn,
+            Ln,
             {
               entities: $,
               scope: x,
@@ -1768,22 +1764,22 @@ const Tn = S(Me)`
             }
           ),
           L === "details" && /* @__PURE__ */ i(
-            Jn,
+            Xn,
             {
               entityType: N,
               entities: $,
               activeUsers: p || [],
-              projectInfo: Pe,
+              projectInfo: Ie,
               projectName: z,
               disabled: !Re(),
               scope: x,
-              statuses: Ie,
+              statuses: Pe,
               readOnly: !1,
-              annotations: j,
+              annotations: A,
               removeAnnotation: T,
               exportAnnotationComposite: v,
               children: /* @__PURE__ */ i(
-                Mt,
+                Ht,
                 {
                   entities: $,
                   isLoading: ae
@@ -1795,14 +1791,14 @@ const Tn = S(Me)`
       ] })
     }
   );
-}, ms = ({
+}, hs = ({
   isOpen: e,
   entityType: n,
   ...t
 }) => {
   const { entities: o } = G();
-  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(ps, { ...t, entityType: n || o?.entityType });
-}, hs = xt`
+  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(ms, { ...t, entityType: n || o?.entityType });
+}, gs = xt`
 from {
   translate: 0 0;
 }
@@ -1810,7 +1806,7 @@ to {
   translate: calc(-100% - 8px) 0;
 
 }
-`, gs = S.div`
+`, fs = S.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1819,11 +1815,11 @@ to {
   width: 100%;
   max-width: 533px;
 
-  animation: ${hs} 0.2s ease forwards;
-`, ba = ({ projectsInfo: e, scope: n }) => {
-  const { slideOut: t, onOpenViewer: o } = G(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: p } = ze({ projectName: r }, { skip: !r }), b = e[r || ""] || {}, { tags: u = [] } = b, { closeSlideOut: g } = G(), f = () => g(), x = (A) => o?.(A);
-  return c ? /* @__PURE__ */ i(gs, { children: /* @__PURE__ */ i(
-    ms,
+  animation: ${gs} 0.2s ease forwards;
+`, ha = ({ projectsInfo: e, scope: n }) => {
+  const { slideOut: t, onOpenViewer: o } = G(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: p } = ze({ projectName: r }, { skip: !r }), b = e[r || ""] || {}, { tags: u = [] } = b, { closeSlideOut: g } = G(), f = () => g(), x = (j) => o?.(j);
+  return c ? /* @__PURE__ */ i(fs, { children: /* @__PURE__ */ i(
+    hs,
     {
       isOpen: !0,
       entityType: s,
@@ -1841,20 +1837,20 @@ to {
     }
   ) }) : null;
 };
-S(Sn)`
+S(Cn)`
   .p-dialog-header-icons {
     display: none;
   }
   .p-dialog-content {
   }
 `;
-const fs = S.div`
+const bs = S.div`
   display: flex;
   flex-direction: column;
   margin: -8px;
   width: calc(100% + 16px);
   height: calc(100% + 16px);
-`, bs = S.header`
+`, vs = S.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -1866,7 +1862,7 @@ const fs = S.div`
       display: none;
     }
   }
-`, vs = S.div`
+`, ys = S.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1903,12 +1899,12 @@ const fs = S.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, ys = S.div`
+`, ks = S.div`
   display: flex;
   justify-content: space-between;
   padding: 8px;
   padding-top: 0;
-`, ks = S.div`
+`, ws = S.div`
   border-top: solid 1px var(--md-sys-color-outline-variant);
   height: 100%;
   overflow: hidden;
@@ -1927,7 +1923,7 @@ const fs = S.div`
       display: none;
     }
   }
-`, ws = S.div`
+`, xs = S.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1938,13 +1934,13 @@ const fs = S.div`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, va = () => {
-  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 = [] } = Dt({ projects: a }, { skip: !s }), { data: c = {}, isFetching: p } = It(
+`, 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: c = {}, isFetching: p } = It(
     {
       projects: a
     },
     { skip: !s }
-  ), b = I(
+  ), b = P(
     () => et(c, a),
     [c, a]
   ), { data: u = [], isFetching: g } = Ge(
@@ -1953,20 +1949,20 @@ const fs = S.div`
     {
       skip: !s || p
     }
-  ), f = I(
+  ), f = P(
     () => nt(c, a),
     [c, a]
-  ), x = I(
+  ), x = P(
     () => ({
       task: f.taskTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
       folder: f.folderTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
       product: f.productTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {})
     }),
     [f]
-  ), A = I(
+  ), j = P(
     () => n ? Xe(u, n, x) : [],
     [u, n]
-  ), R = I(() => 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];
+  ), 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;
   if (g) return /* @__PURE__ */ i("div", { children: "Loading..." });
   const l = E?.projectName, C = u.some((v) => v?.status !== E?.status) ? {
@@ -1979,12 +1975,12 @@ const fs = S.div`
     name: "None"
   };
   if (!n) return null;
-  const { title: j, subTitle: T } = Ze(u, n);
-  return /* @__PURE__ */ i(Jt, { children: /* @__PURE__ */ i(Ke, { projectName: l, children: /* @__PURE__ */ k(fs, { children: [
-    /* @__PURE__ */ k(bs, { children: [
-      /* @__PURE__ */ i(Qe, { thumbnails: A }),
-      /* @__PURE__ */ k(vs, { children: [
-        /* @__PURE__ */ i("h2", { children: j }),
+  const { title: A, subTitle: T } = Ze(u, n);
+  return /* @__PURE__ */ i(tn, { children: /* @__PURE__ */ i(Ke, { projectName: l, children: /* @__PURE__ */ k(bs, { children: [
+    /* @__PURE__ */ k(vs, { children: [
+      /* @__PURE__ */ i(Qe, { thumbnails: j }),
+      /* @__PURE__ */ k(ys, { children: [
+        /* @__PURE__ */ i("h2", { children: A }),
         /* @__PURE__ */ k("div", { className: "sub-title", children: [
           /* @__PURE__ */ k("span", { children: [
             qe(n),
@@ -1994,9 +1990,9 @@ const fs = S.div`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k(ys, { children: [
+    /* @__PURE__ */ k(ks, { children: [
       /* @__PURE__ */ k(
-        ws,
+        xs,
         {
           style: {
             backgroundColor: C?.color,
@@ -2010,7 +2006,7 @@ const fs = S.div`
       ),
       /* @__PURE__ */ i(yt, { users: R, style: { pointerEvents: "none" } })
     ] }),
-    /* @__PURE__ */ i(ks, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(ws, { children: /* @__PURE__ */ i(
       tt,
       {
         entityType: n,
@@ -2028,22 +2024,22 @@ const fs = S.div`
   ] }) }) });
 };
 export {
-  Lt as AssigneeSelect,
-  wa as CloseButton,
-  Ot as Content,
-  xa as ContentRow,
-  ms as DetailsPanel,
-  va as DetailsPanelFloating,
-  ba as DetailsPanelSlideOut,
-  Sa as Footer,
-  jt as Grid,
-  At as Header,
-  Ft as HeaderContainer,
-  Ca as LabelWrapper,
-  $t as PriorityEnumDropdown,
-  Vt as StatusSelect,
-  Ut as TagsSelect,
-  Ta as ThumbnailWrapper,
-  Rt as Title,
-  us as entitiesWithoutFeed
+  $t as AssigneeSelect,
+  va as CloseButton,
+  Rt as Content,
+  ya as ContentRow,
+  hs as DetailsPanel,
+  ga as DetailsPanelFloating,
+  ha as DetailsPanelSlideOut,
+  ka as Footer,
+  Ot as Grid,
+  jt as Header,
+  At as HeaderContainer,
+  wa as LabelWrapper,
+  _t as PriorityEnumDropdown,
+  Lt as StatusSelect,
+  Vt as TagsSelect,
+  xa as ThumbnailWrapper,
+  Ut as Title,
+  ps as entitiesWithoutFeed
 };