@ynput/ayon-frontend-shared 0.6.0 → 0.6.2

package/dist/DetailsPanel.es.js

@@ -2,55 +2,49 @@ 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 "./chunks/searchTerms.es.js";
-import { bl as St, bJ as Ct, bX as Tt, cr as ze, bt as Ge, s as Nt, bN as Dt, c6 as Pt } 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 It, 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 Sa, N as Ca, O as Ta, Q as Na, T as Da } 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 $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 "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 { u as G, a as Zt } from "./chunks/DetailsPanelContext.es.js";
-import { u as en, c as tn } from "./chunks/MenuContext.es.js";
-import oe from "clsx";
-import { A as nn } from "./chunks/Actions.es.js";
-import { g as xe } from "./chunks/getEntityTypeIcon.es.js";
-import { P as sn } from "./chunks/PlayableIcon.es.js";
-import { R as an } from "./chunks/RepresentationsList.es.js";
-import { I as on } from "./chunks/InfoMessage.es.js";
-import { M as rn, a as ln } from "./chunks/Menu.es.js";
-import { D as cn } from "./chunks/DetailsDialog.es.js";
-import { u as dn } from "./chunks/VersionUploadContext.es.js";
-import { p as un } from "./chunks/pluralize.es.js";
-import { c as pn } from "./chunks/copyToClipboard.es.js";
-import { a as mn } from "./chunks/ProjectFoldersContext.es.js";
-import { F as hn } from "./chunks/Feed.es.js";
-import { a as Je, A as gn, C as fn } from "./chunks/ThumbnailSimple.es.js";
-import { j as bn, d 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 { e as xn } from "./chunks/expandRelativeDates.es.js";
-import "./chunks/useLocalStorage.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 "./chunks/GlobalContext.es.js";
-import "./chunks/ProjectFoldersContextInstance.es.js";
 import "react-redux";
-import "./chunks/ViewsContext.es.js";
+import oe from "clsx";
+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 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 "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,
@@ -60,13 +54,13 @@ function Cn({
     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((p) => p.projectName === n).map((p) => p.id).filter(Boolean)[0];
+    const r = (o || []).filter((f) => f.projectName === n).map((f) => f.id).filter(Boolean)[0];
     r && a.set("id", r);
-    const c = `${s.pathname}?${a.toString()}`;
-    window.history.replaceState({}, "", c);
+    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);
   }, [e, n, t, o]);
 }
-const Tn = S(Me)`
+const Nn = S(Me)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -78,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;
@@ -87,26 +81,26 @@ 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;
   box-shadow: -2px 0 6px #00000047;
   z-index: 300;
-`, Pn = S(Me)`
+`, In = S(Me)`
   border-radius: 8px 8px 0 0;
   gap: var(--base-gap-small) !important;
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, In = ["product", "representation"], En = ["task"], Fn = ({
+`, En = ["product", "representation"], Fn = ["task"], An = ({
   entityType: e,
   currentTab: n,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !In.includes(e), a = En.includes(e);
-  return /* @__PURE__ */ k(Pn, { className: o ? "loading" : "", children: [
+  const s = !En.includes(e), a = Fn.includes(e);
+  return /* @__PURE__ */ k(In, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
       X,
       {
@@ -152,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);
@@ -179,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: [
@@ -255,7 +249,7 @@ const Tn = S(Me)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, Rn = ({
+}, Un = ({
   entityType: e,
   entitySubTypes: n,
   entities: t = [],
@@ -263,17 +257,17 @@ const Tn = S(Me)`
   users: s = [],
   disabledStatuses: a,
   tagsOptions: r = [],
-  isFetching: c,
-  isCompact: p = !1,
-  currentTab: b,
+  isFetching: l,
+  isCompact: h = !1,
+  currentTab: f,
   onTabChange: u,
   projectInfo: g,
-  onOpenViewer: f,
+  onOpenViewer: b,
   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 = P(() => Ye(g), [g]), w = It(
+  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),
     [e]
   ), O = P(() => e === "task" ? we(...t.map((m) => m.task?.assignees || [])) : e === "version" ? we(
@@ -283,7 +277,7 @@ const Tn = S(Me)`
     })
   ) : [], [t, e]);
   let U = t[0];
-  const _ = t.length === 0 || !U || c;
+  const _ = t.length === 0 || !U || l;
   U || (U = {
     parents: [],
     id: "placeholder",
@@ -301,13 +295,13 @@ const Tn = S(Me)`
   });
   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 = P(
+  const { data: ee } = Ct({ attributeName: "priority" }), te = Gt(ee, e), ne = P(
     () => Xe(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), {}),
     [r]
-  ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, L = ne.length === 1, { updateEntity: V } = Et({
+  ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, $ = ne.length === 1, { updateEntity: V } = Ft({
     entities: t.map((m) => ({
       id: m.id,
       projectName: m.projectName,
@@ -318,31 +312,31 @@ const Tn = S(Me)`
     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({
+    e === "version" && U.product?.id && (m = [U.id], D = U.product?.id, H = "productId"), D && b({
       [H]: D,
       projectName: Z,
       versionIds: m
     });
-  }, 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));
     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 === I[0]);
-  return /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ i(
-    Ht,
+  const { title: N, subTitle: he } = Ze(t, e), me = w?.length !== 0 && w?.find((m) => m.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: [
+      children: /* @__PURE__ */ k(Ot, { className: oe("details-panel-header", { isCompact: h }), children: [
         /* @__PURE__ */ k(
-          At,
+          jt,
           {
-            className: oe("titles", { isCompact: p, loading: _ }, "no-shimmer"),
+            className: oe("titles", { isCompact: h, loading: _ }, "no-shimmer"),
             children: [
               /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i(
@@ -351,17 +345,17 @@ const Tn = S(Me)`
                     isLoading: _,
                     shimmer: _,
                     thumbnails: ne,
-                    onClick: L ? ce : void 0,
+                    onClick: $ ? ce : void 0,
                     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),
@@ -382,10 +376,10 @@ const Tn = S(Me)`
                     qe(e),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i("h3", { children: me })
+                  /* @__PURE__ */ i("h3", { children: he })
                 ] }),
                 e === "version" && !Q && !_ && U && /* @__PURE__ */ i(
-                  On,
+                  Rn,
                   {
                     entity: U,
                     taskTypes: g.taskTypes
@@ -397,7 +391,7 @@ const Tn = S(Me)`
           }
         ),
         /* @__PURE__ */ i(
-          Vt,
+          $t,
           {
             value: I,
             options: w || [],
@@ -406,11 +400,11 @@ const Tn = S(Me)`
             style: { maxWidth: "unset" },
             onChange: (m) => q("status", m),
             className: oe("status-select", { loading: _ }),
-            align: p ? "right" : "left",
-            $textColor: Be(he !== void 0 ? he.color : "#OOO")
+            align: h ? "right" : "left",
+            $textColor: Be(me !== void 0 ? me.color : "#OOO")
           }
         ),
-        !p && (!pe || _ ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
+        !h && (!pe || _ ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
           Lt,
           {
             value: O,
@@ -426,20 +420,20 @@ const Tn = S(Me)`
           }
         )),
         /* @__PURE__ */ i(
-          nn,
+          sn,
           {
             entities: t,
             entityType: e,
             entitySubTypes: n,
-            isLoadingEntity: !!c || !!_,
+            isLoadingEntity: !!l || !!_,
             searchParams: C,
             bundleMode: d,
-            onSetSearchParams: j,
-            onNavigate: h
+            onSetSearchParams: A,
+            onNavigate: p
           }
         ),
         te ? /* @__PURE__ */ i(
-          $t,
+          _t,
           {
             options: te,
             placeholder: "No priority",
@@ -449,10 +443,10 @@ const Tn = S(Me)`
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          Fn,
+          An,
           {
             entityType: e,
-            currentTab: b,
+            currentTab: f,
             onTabChange: u,
             isLoading: _
           }
@@ -460,7 +454,7 @@ const Tn = S(Me)`
       ] })
     }
   ) });
-}, Un = S.div`
+}, Vn = S.div`
   display: flex;
   flex-direction: column;
 
@@ -480,7 +474,7 @@ const Tn = S(Me)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, Vn = ({
+`, $n = ({
   entities: e = [],
   scope: n,
   isLoadingVersion: t
@@ -488,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,
@@ -504,20 +498,16 @@ const Tn = S(Me)`
     ] }),
     /* @__PURE__ */ k(Ve, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(an, { entities: e })
+      /* @__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 = ({
+}, Ln = ({
   latestVersion: e,
   resolveVersionJump: n
 }) => {
   const t = n?.(e.id);
   return /* @__PURE__ */ i(
-    on,
+    rn,
     {
       variant: "info",
       compact: !0,
@@ -531,12 +521,16 @@ const Tn = S(Me)`
       } : void 0
     }
   );
-}, _n = () => ({
-  onOpenVersionUpload: dn()?.onOpenVersionUpload ?? null
-}), Mn = (e, n, t) => {
+}, _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
+}), 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,
@@ -544,55 +538,55 @@ const Tn = S(Me)`
   deleteEntities: s,
   canUploadThumbnail: a,
   canUploadVersion: r,
-  canOpenPip: c,
-  canOpenViewer: p,
-  canDelete: b,
+  canOpenPip: l,
+  canOpenViewer: h,
+  canDelete: f,
   entityListsContext: u,
   onPip: g,
-  onOpenViewer: f,
+  onOpenViewer: b,
   onUploadThumbnail: x,
-  onUploadVersion: A,
+  onUploadVersion: j,
   onShare: R,
   onViewData: E,
-  onDelete: l
+  onDelete: c
 }) => {
-  const d = P(() => 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((p) => !!p?.entityId).map((p) => ({
+    entityId: p.entityId,
+    entityType: p.entityType || e,
+    hasReviewables: p.hasReviewables
   })) : n ? [{ entityId: n, entityType: e }] : [], [o, n, e]);
   return P(() => {
-    const h = [];
-    if (p && h.push({
+    const p = [];
+    if (h && p.push({
       id: "open-in-viewer",
       label: "Open in viewer",
       icon: "play_circle",
-      onClick: f
-    }), c && h.push({
+      onClick: b
+    }), l && p.push({
       id: "picture-in-picture",
       label: "Picture in picture",
       icon: "picture_in_picture",
       onClick: g
-    }), a && h.push({
+    }), a && p.push({
       id: "upload-thumbnail",
       label: "Upload thumbnail",
       icon: "add_photo_alternate",
       onClick: x
-    }), r && h.push({
+    }), r && p.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 (p.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({
+        p.push({
           id: "add-to-review-list",
           label: "Add to session",
           icon: "list_alt_add",
@@ -602,60 +596,60 @@ 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 && p.push({
       id: "share",
       label: "Share",
       icon: "share",
-      onClick: () => R(j)
-    }), h.push({
+      onClick: () => R(A)
+    }), p.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 ${un(s.length, v)}`;
-      h.push({
+    }), 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({
         id: "delete",
         label: w,
         icon: "delete",
         danger: !0,
-        onClick: l
+        onClick: c
       });
     }
-    return { items: h, shareLink: j };
+    return { items: p, shareLink: A };
   }, [
-    c,
-    p,
+    l,
+    h,
     a,
     r,
-    b,
+    f,
     s,
     u,
     t,
     d,
     e,
     g,
-    f,
+    b,
     x,
-    A,
+    j,
     R,
     E,
-    l
+    c
   ]);
-}, Bn = S.div`
+}, Wn = S.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`, Le = S.div`
+`, $e = S.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
-`, $e = S.span`
+`, Le = S.span`
   font-size: 13px;
   color: var(--md-sys-color-on-surface);
 `, _e = S.button`
@@ -687,28 +681,28 @@ 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) => {
-    pn(r, !0), o();
+    hn(r, !0), o();
   };
-  return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Bn, { children: [
-    /* @__PURE__ */ k(Le, { children: [
-      /* @__PURE__ */ i($e, { children: "Link" }),
+  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: [
         /* @__PURE__ */ i("span", { className: "value", children: e }),
         /* @__PURE__ */ i(fe, { icon: "content_copy" })
       ] })
     ] }),
-    /* @__PURE__ */ k(Le, { children: [
-      /* @__PURE__ */ i($e, { children: "Markdown Link" }),
+    /* @__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__ */ i("span", { className: "value", children: s }),
         /* @__PURE__ */ i(fe, { icon: "content_copy" })
       ] })
     ] })
   ] }) });
-}, zn = (e, n, t, o) => {
+}, Gn = (e, n, t, o) => {
   const s = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
@@ -722,7 +716,7 @@ const Tn = S(Me)`
     default:
       return null;
   }
-}, Gn = ({
+}, Qn = ({
   entityType: e,
   entityId: n,
   entityIds: t,
@@ -730,20 +724,20 @@ const Tn = S(Me)`
   projectName: s,
   selectedEntities: a = [],
   entityListsContext: r,
-  onOpenPip: c,
-  onOpenViewer: p,
-  productId: b,
+  onOpenPip: l,
+  onOpenViewer: h,
+  productId: f,
   taskId: u,
   folderId: g
 }) => {
-  const f = Y(null), [x, A] = K(!1), [R, E] = K(null), { menuOpen: l, toggleMenuOpen: d, setMenuOpen: h } = en(), { triggerThumbnailUpload: C, canUploadVersion: j } = kt(zt), { onOpenVersionUpload: T } = _n(), 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 = () => {
-    T?.({ productId: b, taskId: u, folderId: g });
-  }, ee = n && s ? zn(e, n, s, b) : null, te = !!p && !!ee, ne = Gt(), I = P(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
+  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 $ = 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 !Qt(q) || !V.entityId || !ce ? null : {
+    return !Xt(q) || !V.entityId || !ce ? null : {
       id: V.entityId,
       entityType: q,
       name: V.name,
@@ -753,8 +747,8 @@ const Tn = S(Me)`
       parentId: V.parentId
     };
   }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && I.length > 0, ie = () => {
-    h(!1), ne?.deleteEntities(I);
-  }, { items: le } = Hn({
+    p(!1), ne?.deleteEntities(I);
+  }, { items: le } = Bn({
     entityType: e,
     entityId: n,
     projectName: s,
@@ -762,23 +756,23 @@ const Tn = S(Me)`
     deleteEntities: I,
     canUploadThumbnail: U,
     canUploadVersion: _,
-    canOpenPip: !!c,
+    canOpenPip: !!l,
     canOpenViewer: te,
     canDelete: se,
     entityListsContext: r,
-    onPip: () => c?.(),
-    onOpenViewer: () => ee && p?.(ee),
+    onPip: () => l?.(),
+    onOpenViewer: () => ee && h?.(ee),
     onUploadThumbnail: () => C?.(),
     onUploadVersion: Z,
-    onShare: (L) => E(L),
-    onViewData: () => A(!0),
+    onShare: ($) => E($),
+    onViewData: () => j(!0),
     onDelete: ie
   }), Q = t?.length ? t : n ? [n] : [], re = o || n || "";
   return /* @__PURE__ */ k(Ne, { children: [
     /* @__PURE__ */ i(
       X,
       {
-        ref: f,
+        ref: b,
         icon: "more_horiz",
         variant: "text",
         "data-tooltip": "More actions",
@@ -787,19 +781,19 @@ const Tn = S(Me)`
         onClick: () => d(w)
       }
     ),
-    /* @__PURE__ */ i(rn, { id: w, target: f.current, align: "right", children: /* @__PURE__ */ i(ln, { menu: le, onClose: () => h(!1) }) }),
+    /* @__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(
-      cn,
+      dn,
       {
         projectName: s,
         entityType: e,
         entityIds: Q,
         visible: x,
-        onHide: () => A(!1)
+        onHide: () => j(!1)
       }
     ),
     R && /* @__PURE__ */ i(
-      Wn,
+      zn,
       {
         link: R,
         entityLabel: re,
@@ -808,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"; ) {
@@ -818,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
@@ -843,24 +837,24 @@ const Tn = S(Me)`
   ), r = mn(
     { projectName: t || "", isLoading: o },
     a
-  ), { data: c } = Tt(
+  ), { data: l } = Nt(
     { productId: e.product?.id || "", projectName: t },
     { skip: n !== "version" || !e.product?.id }
-  ), 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) => ({
+  ), 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) => ({
       type: "version",
       label: g.name,
       id: g.id
     })) : [],
-    [c]
-  ), b = P(
+    [l]
+  ), f = P(
     () => new Map(s.map((g) => [g.id, g])),
     [s]
   );
   return [P(
-    () => r ? [] : qn(e, b),
+    () => r ? [] : Kn(e, f),
     [r, s, e]
-  ), p];
+  ), h];
 }, et = (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]));
@@ -873,11 +867,11 @@ const Tn = S(Me)`
   projectName: s,
   projectInfo: a,
   annotations: r,
-  removeAnnotation: c,
-  exportAnnotationComposite: p,
-  ...b
+  removeAnnotation: l,
+  exportAnnotationComposite: h,
+  ...f
 }) => {
-  const u = { annotations: r, removeAnnotation: c, exportAnnotationComposite: p }, { user: g } = G(), f = g.name || "", x = g.attrib?.fullName || "";
+  const u = { annotations: r, removeAnnotation: l, exportAnnotationComposite: h }, { user: g } = G(), b = g.name || "", x = g.attrib?.fullName || "";
   return /* @__PURE__ */ k(
     Je,
     {
@@ -886,17 +880,17 @@ const Tn = S(Me)`
       projectName: s,
       entityType: t,
       projectInfo: a,
-      userName: f,
+      userName: b,
       userFullName: x,
       ...u,
-      ...b,
+      ...f,
       children: [
-        /* @__PURE__ */ i(hn, { ...b, statuses: b.statuses }),
-        /* @__PURE__ */ i(gn, {})
+        /* @__PURE__ */ i(gn, { ...f, statuses: f.statuses }),
+        /* @__PURE__ */ i(fn, {})
       ]
     }
   );
-}, Jn = ({
+}, Xn = ({
   children: e,
   scope: n = "dashboard",
   entities: t,
@@ -904,11 +898,11 @@ const Tn = S(Me)`
   projectName: s,
   projectInfo: a,
   annotations: r,
-  removeAnnotation: c,
-  exportAnnotationComposite: p,
-  ...b
+  removeAnnotation: l,
+  exportAnnotationComposite: h,
+  ...f
 }) => {
-  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: l, exportAnnotationComposite: h }, { user: g } = G(), b = g?.name ?? "", x = g?.attrib?.fullName ?? "", [j, R] = K(null);
   return /* @__PURE__ */ i(
     Je,
     {
@@ -917,12 +911,12 @@ const Tn = S(Me)`
       projectName: s,
       entityType: o,
       projectInfo: a,
-      userName: f,
+      userName: b,
       userFullName: x,
       ...u,
-      editingId: A,
+      editingId: j,
       setEditingId: R,
-      ...b,
+      ...f,
       children: e
     }
   );
@@ -949,8 +943,8 @@ const Tn = S(Me)`
   }
   const t = {}, o = (a) => {
     const r = {};
-    return a.flat().forEach((c) => {
-      c && c.name && (r[c.name] = c);
+    return a.flat().forEach((l) => {
+      l && l.name && (r[l.name] = l);
     }), Object.values(r);
   }, s = {
     statuses: [],
@@ -962,23 +956,23 @@ const Tn = S(Me)`
   };
   return n.forEach((a) => {
     const r = e[a];
-    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]);
+    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]);
     }));
   }), 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)`
@@ -986,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);
@@ -1003,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;
@@ -1019,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 {
@@ -1056,82 +1050,82 @@ const Tn = S(Me)`
     operator: t,
     value: a[0] || ""
   };
-}, as = ({
+}, os = ({
   label: e,
   filters: n,
   currentFilter: t,
   onFilterChange: o,
   isLoading: s
 }) => {
-  const [a, r] = K(null), [c, p] = K(""), b = Y(null), u = (l) => typeof l == "object" && l !== null && !Array.isArray(l);
+  const [a, r] = K(null), [l, h] = K(""), f = Y(null), u = (c) => typeof c == "object" && c !== null && !Array.isArray(c);
   W(() => {
-    a && b.current && b.current.focus();
+    a && f.current && f.current.focus();
   }, [a]), W(() => {
     if (a && u(t)) {
-      if (document.activeElement === b.current) return;
-      const l = t.conditions?.find((d) => ue(d, a));
-      p(l ? Te(l) : "");
+      if (document.activeElement === f.current) return;
+      const c = t.conditions?.find((d) => ue(d, a));
+      h(c ? Te(c) : "");
     }
   }, [a, t]);
-  const g = (l, d) => {
+  const g = (c, d) => {
     if (!u(t)) {
-      o(l.id);
+      o(c.id);
       return;
     }
-    const h = t.conditions ? [...t.conditions] : [], C = {
+    const p = t.conditions ? [...t.conditions] : [], C = {
       ...t,
-      conditions: h,
+      conditions: p,
       operator: t.operator || "and"
-    }, j = String(l.id), T = h.findIndex((w) => ue(w, j)), v = l.type || "boolean";
+    }, A = String(c.id), T = p.findIndex((w) => ue(w, A)), v = c.type || "boolean";
     if (v === "boolean")
-      T > -1 ? h.splice(T, 1) : h.push({ key: j, operator: l.operator || "eq", value: !0 });
+      T > -1 ? p.splice(T, 1) : p.push({ key: A, operator: c.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 && p.splice(T, 1);
       else {
         const O = {
-          key: j,
-          operator: l.operator || "in",
+          key: A,
+          operator: c.operator || "in",
           value: w
         };
-        T > -1 ? h[T] = O : h.push(O);
+        T > -1 ? p[T] = O : p.push(O);
       }
     } else if (v === "search") {
       const w = typeof d == "string" ? d : "";
       if (!w)
-        T > -1 && h.splice(T, 1);
+        T > -1 && p.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, c.operator || "like");
+        T > -1 ? p[T] = O : p.push(O);
       }
     }
     o(C);
-  }, f = (l) => {
-    const d = String(l.id);
+  }, b = (c) => {
+    const d = String(c.id);
     if (a !== d && (r(d), u(t))) {
-      const h = t.conditions?.find((C) => ue(C, d));
-      p(h ? Te(h) : "");
+      const p = t.conditions?.find((C) => ue(C, d));
+      h(p ? Te(p) : "");
     }
-  }, x = (l, d) => {
-    p(d), g(l, d);
-  }, A = (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)
+  }, 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)
   )?.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((c) => {
+      const d = R(c), p = c.type || "boolean";
+      if (p === "enum")
         return /* @__PURE__ */ i(
-          ts,
+          ns,
           {
-            options: l.options || [],
-            value: E(l),
-            onChange: (C) => g(l, C),
+            options: c.options || [],
+            value: E(c),
+            onChange: (C) => g(c, C),
             isEditing: !0,
             autoOpen: !1,
             align: "right",
@@ -1140,20 +1134,20 @@ const Tn = S(Me)`
               Ce,
               {
                 selected: d,
-                icon: l.icon,
-                "data-tooltip": l.tooltip,
+                icon: c.icon,
+                "data-tooltip": c.tooltip,
                 "data-tooltip-delay": 0
               }
             ),
             widthExpand: !0,
             className: "panel-filter panel-filter-enum"
           },
-          String(l.id)
+          String(c.id)
         );
-      if (h === "search") {
-        const C = a === String(l.id);
+      if (p === "search") {
+        const C = a === String(c.id);
         return /* @__PURE__ */ k(
-          es,
+          ts,
           {
             className: oe("panel-filter", "panel-filter-search", { expanded: C }),
             children: [
@@ -1161,30 +1155,30 @@ const Tn = S(Me)`
                 Ce,
                 {
                   selected: d || C,
-                  onClick: () => f(l),
-                  icon: l.icon,
-                  "data-tooltip": C ? void 0 : l.tooltip,
+                  onClick: () => b(c),
+                  icon: c.icon,
+                  "data-tooltip": C ? void 0 : c.tooltip,
                   "data-tooltip-delay": 0
                 }
               ),
               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);
+                    ref: f,
+                    value: l,
+                    onChange: (A) => x(c, A.target.value),
+                    onKeyDown: (A) => {
+                      A.key === "Escape" && j(c);
                     },
-                    placeholder: l.placeholder || "Search..."
+                    placeholder: c.placeholder || "Search..."
                   }
                 ),
                 /* @__PURE__ */ i(
-                  ss,
+                  as,
                   {
                     icon: "close",
-                    onClick: () => A(l),
+                    onClick: () => j(c),
                     "data-tooltip": "Clear",
                     "data-tooltip-delay": 0
                   }
@@ -1192,53 +1186,53 @@ const Tn = S(Me)`
               ] })
             ]
           },
-          String(l.id)
+          String(c.id)
         );
       }
       return /* @__PURE__ */ i(
         Ce,
         {
           selected: d,
-          onClick: () => g(l),
-          icon: l.icon,
-          "data-tooltip": l.tooltip,
+          onClick: () => g(c),
+          icon: c.icon,
+          "data-tooltip": c.tooltip,
           "data-tooltip-delay": 0,
           className: "panel-filter panel-filter-boolean"
         },
-        String(l.id)
+        String(c.id)
       );
     }) })
   ] });
-}, 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)) {
-      const c = a.key;
-      if (c === "search") {
+    if (is(a)) {
+      const l = a.key;
+      if (l === "search") {
         const u = String(a.value ?? "");
         u && o.push({ id: u, label: u });
         return;
       }
-      const p = n.find((u) => u.id === c);
-      if (!p) return;
-      if (at.includes(c)) {
+      const h = n.find((u) => u.id === l);
+      if (!h) return;
+      if (at.includes(l)) {
         a.value !== void 0 && t.push({
-          id: ke(c),
-          label: p.label,
-          icon: p.icon,
+          id: ke(l),
+          label: h.label,
+          icon: h.icon,
           type: "boolean",
           singleSelect: !0,
           values: [{ id: String(a.value), label: a.value ? "Done" : "Not Done" }]
         });
         return;
       }
-      if (p.type === "datetime") {
+      if (h.type === "datetime") {
         const u = Array.isArray(a.value) ? a.value[0] : a.value;
         t.push({
-          id: ke(c),
-          label: p.label,
+          id: ke(l),
+          label: h.label,
           type: "datetime",
-          icon: p.icon,
+          icon: h.icon,
           values: [
             {
               id: String(u),
@@ -1250,21 +1244,21 @@ const Tn = S(Me)`
         });
         return;
       }
-      const b = Array.isArray(a.value) ? a.value : [a.value];
+      const f = Array.isArray(a.value) ? a.value : [a.value];
       t.push({
-        id: ke(c),
-        label: p.label,
-        type: p.type,
-        icon: p.icon,
+        id: ke(l),
+        label: h.label,
+        type: h.type,
+        icon: h.icon,
         operator: "OR",
-        values: b.map((u) => {
-          const g = p.values?.find((f) => f.id === String(u));
+        values: f.map((u) => {
+          const g = h.values?.find((b) => b.id === String(u));
           return g ? { ...g } : { id: String(u), label: String(u) };
         })
       });
       return;
     }
-    const r = yn(a, n);
+    const r = kn(a, n);
     if (r) {
       t.push(r);
       return;
@@ -1272,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);
@@ -1285,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;
 
@@ -1298,7 +1292,7 @@ const Tn = S(Me)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, cs = ({
+`, ds = ({
   subtasksFilter: e,
   setSubtasksFilter: n,
   users: t,
@@ -1307,7 +1301,7 @@ const Tn = S(Me)`
   doneCount: a = 0,
   onSearchTextChange: r
 }) => {
-  const c = P(
+  const l = P(
     () => [
       {
         id: "isDone",
@@ -1351,48 +1345,48 @@ const Tn = S(Me)`
       //   },
     ],
     [t]
-  ), p = P(() => is(e, c), [e, c]), [b, u] = K(p), g = Y(null), f = wn();
+  ), h = P(() => rs(e, l), [e, l]), [f, u] = K(h), g = Y(null), b = xn();
   W(() => {
-    u(p);
-  }, [JSON.stringify(p)]);
+    u(h);
+  }, [JSON.stringify(h)]);
   const x = (d) => {
-    const h = rs(d);
-    n(h), r?.("");
-  }, A = (d) => {
-    f.wrapFilterChange(d, b, u);
-  }, R = (d, h) => {
-    h || r?.(d);
+    const p = ls(d);
+    n(p), r?.("");
+  }, j = (d) => {
+    b.wrapFilterChange(d, f, u);
+  }, R = (d, p) => {
+    p || r?.(d);
   };
   let E = "";
   s > 0 && (E = `${a}/${s}`);
-  const l = P(
+  const c = 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,
       {
         ref: g,
         compact: !0,
-        options: c,
-        filters: b,
-        onChange: A,
+        options: l,
+        filters: f,
+        onChange: j,
         onFinish: x,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
         enableAutosuggestion: !1,
         onSearchChange: R,
-        quickActions: l,
+        quickActions: c,
         placeholder: "Search and filter subtasks...",
         pt: {
           searchBar: {
-            onClickCapture: (d) => f.handleSearchBarClickCapture(d, b)
+            onClickCapture: (d) => b.handleSearchBarClickCapture(d, f)
           },
           dropdown: {
             pt: {
               item: {
-                onClick: (d) => f.handleDropdownItemClick(d, b, c)
+                onClick: (d) => b.handleDropdownItemClick(d, f, l)
               }
             }
           }
@@ -1400,55 +1394,55 @@ const Tn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      fn,
+      bn,
       {
-        isOpen: !!f.customRangeFilterId,
-        header: c.find((d) => d.id === f.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
-        startDate: f.customStartDate,
-        endDate: f.customEndDate,
-        onStartDateChange: f.setCustomStartDate,
-        onEndDateChange: f.setCustomEndDate,
-        onApply: () => f.handleCustomRangeApply(b, c, x, g),
-        onClose: f.handleCustomRangeClose
+        isOpen: !!b.customRangeFilterId,
+        header: l.find((d) => d.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),
+        onClose: b.handleCustomRangeClose
       }
     )
   ] });
-}, 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 = P(() => {
-    let f = n;
+}, 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(() => {
+    let b = n;
     if (o) {
       const x = { key: "search", operator: "like", value: o };
-      f = {
+      b = {
         ...n,
         conditions: [...n.conditions || [], x],
         operator: "and"
       };
     }
-    return xn(f);
+    return Sn(b);
   }, [n, o]);
   return /* @__PURE__ */ k(Ne, { children: [
     /* @__PURE__ */ i(
-      as,
+      os,
       {
-        label: `Subtasks (${b})`,
+        label: `Subtasks (${f})`,
         filters: [],
         currentFilter: n,
         onFilterChange: t
       }
     ),
     /* @__PURE__ */ i(
-      cs,
+      ds,
       {
         subtasksFilter: n,
         setSubtasksFilter: t,
-        users: p,
-        totalCount: b,
+        users: h,
+        totalCount: f,
         doneCount: u,
         onSearchTextChange: s
       }
     ),
     /* @__PURE__ */ i(
-      vn,
+      yn,
       {
         ...e,
         style: { padding: 8, height: "unset" },
@@ -1457,11 +1451,11 @@ const Tn = S(Me)`
         onSelectSubtasks: r,
         filters: g,
         actionsPortalClassName: "panel-header-filters",
-        dispatch: c
+        dispatch: l
       }
     )
   ] });
-}, us = ["product", "representation"], ps = ({
+}, ps = ["product", "representation"], hs = ({
   entityType: e,
   entitySubTypes: n = [],
   // entities is data we already have from kanban
@@ -1471,23 +1465,23 @@ const Tn = S(Me)`
   tagsOptions: s = [],
   disabledStatuses: a,
   projectUsers: r,
-  disabledProjectUsers: c,
-  activeProjectUsers: p,
-  projectsInfo: b = {},
+  disabledProjectUsers: l,
+  activeProjectUsers: h,
+  projectsInfo: f = {},
   projectNames: u = [],
   isSlideOut: g = !1,
-  style: f = {},
+  style: b = {},
   scope: x,
-  isCompact: A = !1,
+  isCompact: j = !1,
   onClose: R,
   onWatchersUpdate: E,
-  onOpenViewer: l,
+  onOpenViewer: c,
   onEntityFocus: d,
-  onOpen: h,
+  onOpen: p,
   onUriOpen: C,
   // when the details panel is opened from uri
   // annotations
-  annotations: j,
+  annotations: A,
   removeAnnotation: T,
   exportAnnotationComposite: v,
   entityListId: w,
@@ -1506,35 +1500,35 @@ const Tn = S(Me)`
     useSearchParams: le,
     SubtasksManager: Q,
     useNavigate: re
-  } = G(), { currentTab: L, setTab: V, isFeed: q } = Zt(x), [ce, pe] = le(), de = Y(!1), N = I?.entityType ?? e, me = I?.entities ?? o, he = I?.entitySubTypes ?? n, m = I?.entities ? [] : t, D = I?.entities ? I.entities.map((y) => y.projectName) : u;
+  } = 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(() => {
-    h && !de.current && (de.current = !0, h());
+    p && !de.current && (de.current = !0, p());
   }, []), W(() => {
-    us.includes(N) && L !== "details" && V("details");
-  }, [N, L, V]), W(() => {
+    ps.includes(N) && $ !== "details" && V("details");
+  }, [N, $, V]), W(() => {
     o.length && I && se(null);
   }, [o, I, se]);
   const H = P(
-    () => nt(b, D),
-    [b, D]
+    () => nt(f, D),
+    [f, D]
   ), 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 })) : (
+    $ === "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 })) : (
     // @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 }))
   );
   J = J.filter((y) => y.id);
   const {
-    data: $ = [],
+    data: L = [],
     isFetching: ae,
     isError: it,
     originalArgs: rt
   } = Ge(
     { entityType: N, entities: J },
     {
-      skip: !J.length || !Nt.includes(N)
+      skip: !J.length || !Dt.includes(N)
     }
   );
   W(() => {
@@ -1547,20 +1541,20 @@ const Tn = S(Me)`
     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);
+      const F = L.find((B) => B.id === y);
       if (!F) return;
       be.current = y, C(F, I.source);
     }
-  }, [$, 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 ? Ln($[0]) : void 0, [Fe, lt] = Kn({
+  }, [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: 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
@@ -1572,9 +1566,9 @@ const Tn = S(Me)`
       productName: Ue,
       versionName: B
     }), () => {
-      je("");
+      Ae("");
     };
-  }, [$, D, N]), Cn({
+  }, [L, D, N]), Tn({
     entityData: ge,
     project: ve,
     activeEntityType: N,
@@ -1589,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) => {
@@ -1601,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 = P(() => {
+  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) {
       case "folder":
@@ -1619,7 +1613,7 @@ const Tn = S(Me)`
         B.push(y);
     }
     return B.filter(Boolean).join(" - ");
-  }, [M, N, z]), ht = () => {
+  }, [M, N, z]), mt = () => {
     ee({
       entityType: N,
       entities: J,
@@ -1630,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,
@@ -1650,16 +1644,16 @@ 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,
                 entityIds: J.map((y) => y.id).filter(Boolean),
-                entityLabel: mt,
+                entityLabel: ht,
                 projectName: z,
-                selectedEntities: $.filter((y) => !!y?.id).map((y) => {
+                selectedEntities: L.filter((y) => !!y?.id).map((y) => {
                   const F = y.entityType || N;
                   return {
                     entityId: y.id,
@@ -1672,15 +1666,15 @@ const Tn = S(Me)`
                   };
                 }),
                 entityListsContext: U,
-                onOpenPip: ht,
-                onOpenViewer: l,
+                onOpenPip: mt,
+                onOpenViewer: c,
                 productId: M?.product?.id,
                 taskId: M?.task?.id,
                 folderId: M?.folder?.id
               }
             ),
             /* @__PURE__ */ i(
-              _t,
+              Mt,
               {
                 entities: J,
                 entityType: N,
@@ -1701,31 +1695,31 @@ const Tn = S(Me)`
           ] })
         ] }),
         Ee && /* @__PURE__ */ i(
-          $n,
+          Ln,
           {
             latestVersion: Ee,
             resolveVersionJump: _
           }
         ),
         /* @__PURE__ */ i(
-          Rn,
+          Un,
           {
             entityType: N,
-            entitySubTypes: he,
-            entities: $,
+            entitySubTypes: me,
+            entities: L,
             users: r,
-            disabledAssignees: c,
+            disabledAssignees: l,
             disabledStatuses: a,
             tagsOptions: s,
             isFetching: ae,
-            isCompact: A,
-            currentTab: L,
+            isCompact: j,
+            currentTab: $,
             onTabChange: V,
             projectInfo: H,
-            onOpenViewer: (y) => l?.(y),
+            onOpenViewer: (y) => c?.(y),
             onEntityFocus: d,
-            thumbnailInputRef: Ae,
-            versionsInputRef: Oe
+            thumbnailInputRef: Oe,
+            versionsInputRef: je
           }
         ),
         /* @__PURE__ */ k(Ke, { projectName: z, children: [
@@ -1733,8 +1727,8 @@ const Tn = S(Me)`
             tt,
             {
               entityType: N,
-              entities: $,
-              activeUsers: p || [],
+              entities: L,
+              activeUsers: h || [],
               projectInfo: Ie,
               projectName: z,
               disabled: !Re(),
@@ -1742,14 +1736,14 @@ const Tn = S(Me)`
               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,
+          $ === "subtasks" && N === "task" && M?.id && Q && /* @__PURE__ */ i(
+            us,
             {
               projectName: z,
               taskId: M.id,
@@ -1761,33 +1755,33 @@ const Tn = S(Me)`
               onNotFound: () => V("feed")
             }
           ),
-          L === "files" && /* @__PURE__ */ i(
-            Vn,
+          $ === "files" && /* @__PURE__ */ i(
+            $n,
             {
-              entities: $,
+              entities: L,
               scope: x,
               isLoadingVersion: ae
             }
           ),
-          L === "details" && /* @__PURE__ */ i(
-            Jn,
+          $ === "details" && /* @__PURE__ */ i(
+            Xn,
             {
               entityType: N,
-              entities: $,
-              activeUsers: p || [],
+              entities: L,
+              activeUsers: h || [],
               projectInfo: Ie,
               projectName: z,
               disabled: !Re(),
               scope: x,
               statuses: Pe,
               readOnly: !1,
-              annotations: j,
+              annotations: A,
               removeAnnotation: T,
               exportAnnotationComposite: v,
               children: /* @__PURE__ */ i(
-                Mt,
+                Ht,
                 {
-                  entities: $,
+                  entities: L,
                   isLoading: ae
                 }
               )
@@ -1803,8 +1797,8 @@ const Tn = S(Me)`
   ...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(hs, { ...t, entityType: n || o?.entityType });
+}, gs = xt`
 from {
   translate: 0 0;
 }
@@ -1812,7 +1806,7 @@ to {
   translate: calc(-100% - 8px) 0;
 
 }
-`, gs = S.div`
+`, fs = S.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1821,42 +1815,42 @@ to {
   width: 100%;
   max-width: 533px;
 
-  animation: ${hs} 0.2s ease forwards;
-`, ya = ({ 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(
+  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,
     {
       isOpen: !0,
       entityType: s,
       entitySubTypes: [],
       entities: [{ id: a, projectName: r }],
-      projectsInfo: { [r]: b },
+      projectsInfo: { [r]: f },
       projectNames: [r],
       tagsOptions: u,
-      projectUsers: p,
-      activeProjectUsers: p,
+      projectUsers: h,
+      activeProjectUsers: h,
       isSlideOut: !0,
       scope: n,
-      onClose: f,
+      onClose: b,
       onOpenViewer: x
     }
   ) }) : 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);
@@ -1868,7 +1862,7 @@ const fs = S.div`
       display: none;
     }
   }
-`, vs = S.div`
+`, ys = S.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1905,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;
@@ -1929,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);
@@ -1940,53 +1934,53 @@ const fs = S.div`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, ka = () => {
-  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 } = Pt(
+`, 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(
     {
       projects: a
     },
     { skip: !s }
-  ), b = P(
-    () => et(c, a),
-    [c, a]
+  ), f = P(
+    () => et(l, a),
+    [l, a]
   ), { data: u = [], isFetching: g } = Ge(
     // @ts-expect-error
     { entityType: n, entities: t },
     {
-      skip: !s || p
+      skip: !s || h
     }
-  ), f = P(
-    () => nt(c, a),
-    [c, a]
+  ), b = P(
+    () => nt(l, a),
+    [l, a]
   ), 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 }), {})
+      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 }), {})
     }),
-    [f]
-  ), A = P(
+    [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;
   if (g) return /* @__PURE__ */ i("div", { children: "Loading..." });
-  const l = E?.projectName, C = u.some((v) => v?.status !== E?.status) ? {
+  const c = E?.projectName, C = u.some((v) => v?.status !== E?.status) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
-  } : b.find((v) => v.name === E?.status) || {
+  } : f.find((v) => v.name === E?.status) || {
     icon: "",
     color: "",
     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: c, 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),
@@ -1996,9 +1990,9 @@ const fs = S.div`
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k(ys, { children: [
+    /* @__PURE__ */ k(ks, { children: [
       /* @__PURE__ */ k(
-        ws,
+        xs,
         {
           style: {
             backgroundColor: C?.color,
@@ -2012,40 +2006,40 @@ 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,
         entities: u,
         thumbnailHash: E?.thumbnailHash,
         activeUsers: [],
-        projectInfo: c[l],
-        projectName: l,
+        projectInfo: l[c],
+        projectName: c,
         disabled: !1,
         scope: o,
         readOnly: !0,
-        statuses: b
+        statuses: f
       }
     ) })
   ] }) }) });
 };
 export {
   Lt as AssigneeSelect,
-  Sa as CloseButton,
-  Ot as Content,
-  Ca as ContentRow,
+  va as CloseButton,
+  Rt as Content,
+  ya as ContentRow,
   ms as DetailsPanel,
-  ka as DetailsPanelFloating,
-  ya as DetailsPanelSlideOut,
-  Ta as Footer,
-  jt as Grid,
-  At as Header,
-  Ft as HeaderContainer,
-  Na as LabelWrapper,
-  $t as PriorityEnumDropdown,
-  Vt as StatusSelect,
-  Ut as TagsSelect,
-  Da as ThumbnailWrapper,
-  Rt as Title,
-  us as entitiesWithoutFeed
+  ga as DetailsPanelFloating,
+  ma as DetailsPanelSlideOut,
+  ka as Footer,
+  Ot as Grid,
+  jt as Header,
+  At as HeaderContainer,
+  wa as LabelWrapper,
+  _t as PriorityEnumDropdown,
+  $t as StatusSelect,
+  Vt as TagsSelect,
+  xa as ThumbnailWrapper,
+  Ut as Title,
+  ps as entitiesWithoutFeed
 };