@ynput/ayon-frontend-shared 0.7.0 → 0.7.2

package/dist/DetailsPanel.es.js

@@ -1,67 +1,67 @@
-import { jsxs as k, jsx as i, Fragment as Ie } from "react/jsx-runtime";
-import { Toolbar as ze, Panel as vt, Button as Z, Spacer as Ge, Icon as fe, getTextColor as Ee, Dialog as yt, SEARCH_FILTER_ID as Qe, buildFilterId as Se, getFilterFromId as kt, SearchFilter as wt, AssigneeField as xt } from "@ynput/ayon-react-components";
-import { useEffect as H, useRef as ee, useMemo as D, useState as J, useContext as St, useId as Ct } from "react";
-import T, { keyframes as Tt } from "styled-components";
-import { bz as Nt, bH as Et } from "./chunks/searchTerms.es.js";
-import { bp as Dt, bN as It, c2 as Pt, cy as qe, bx as Ke, v as Ft, bR as At, cd as Ot } from "./chunks/getUris.es.js";
+import { jsxs as k, jsx as i, Fragment as xe } from "react/jsx-runtime";
+import { Toolbar as Qe, Panel as yt, Button as Y, Spacer as qe, Icon as we, getMixedCounts as Me, getTextColor as Fe, applyMixedChange as kt, Dialog as wt, SEARCH_FILTER_ID as Ke, buildFilterId as Ee, getFilterFromId as xt, SearchFilter as St, AssigneeField as Ct } from "@ynput/ayon-react-components";
+import { useEffect as B, useRef as Z, useMemo as C, useState as X, useContext as Tt, useId as Nt } from "react";
+import T, { keyframes as Et } from "styled-components";
+import { bz as Dt, bH as It } from "./chunks/searchTerms.es.js";
+import { bq as Pt, bO as Ft, c3 as At, cz as Je, by as Xe, v as Ot, bS as jt, ce as Rt } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
-import { o as Rt, y as jt, H as Vt, G as Ut, z as $t, w as Je, A as Lt, B as _t, E as Mt, I as Ht, J as Bt, K as Wt, N as zt, W as Gt, s as Qt } from "./chunks/Watchers.es.js";
-import { O as Ca, Q as Ta, V as Na, X as Ea, T as Da } from "./chunks/Watchers.es.js";
-import { E as qt, R as Kt, a as Jt } from "./chunks/EntityPath.es.js";
-import { union as ue, upperFirst as Xe } from "lodash";
+import { o as Vt, y as $t, H as Lt, G as Ut, z as _t, w as Ye, A as Mt, B as Ht, E as Bt, I as Wt, J as zt, K as Gt, N as Qt, W as qt, s as Kt } from "./chunks/Watchers.es.js";
+import { O as Da, Q as Ia, V as Pa, X as Fa, T as Aa } from "./chunks/Watchers.es.js";
+import { E as Jt, R as Xt, a as Yt } from "./chunks/EntityPath.es.js";
+import { union as ue, upperFirst as Ze } from "lodash";
 import "react-toastify";
 import "uuid";
-import { a as Xt, b as Yt, A as _e, e as Zt } from "./chunks/activeEntities.es.js";
+import { a as Zt, b as es, A as He, e as ts } from "./chunks/activeEntities.es.js";
 import "@module-federation/enhanced/runtime";
-import { o as q, u as en, T as tn, a8 as nn, a2 as sn, aa as an, G as on, a9 as rn, Z as ln } from "./chunks/TableExportContextInstance.es.js";
+import { o as K, u as ss, T as ns, a8 as as, a2 as os, aa as is, G as rs, a9 as ls, Z as cs } from "./chunks/TableExportContextInstance.es.js";
 import "semver";
-import { T as cn, P as Ye } from "./chunks/ProjectContext.es.js";
+import { T as ds, P as et } from "./chunks/ProjectContext.es.js";
 import "react-dom";
 import "react-redux";
 import "react-router-dom";
-import ie from "clsx";
-import { A as dn } from "./chunks/Actions.es.js";
+import le from "clsx";
+import { A as us } from "./chunks/Actions.es.js";
+import { f as ps, k as hs, r as ms, m as gs } from "./chunks/MetaWidget.es.js";
 import "./chunks/ContextMenuContextInstance.es.js";
-import { g as Ce } from "./chunks/getEntityTypeIcon.es.js";
-import { _ as un } from "./chunks/PlayableIcon.es.js";
-import { R as pn } from "./chunks/RepresentationsList.es.js";
-import { I as hn } from "./chunks/InfoMessage.es.js";
-import { M as mn, a as gn } from "./chunks/Menu.es.js";
-import { D as fn } from "./chunks/DetailsDialog.es.js";
-import { u as bn } from "./chunks/VersionUploadContextInstance.es.js";
-import { p as vn } from "./chunks/pluralize.es.js";
-import { c as yn } from "./chunks/copyToClipboard.es.js";
-import { u as kn } from "./chunks/useQueryArgumentChangeLoading.es.js";
-import { d as Ze, c as wn } from "./chunks/Feed.es.js";
-import { A as xn, C as Sn } from "./chunks/ThumbnailSimple.es.js";
-import { o as Cn, k as Tn } from "./chunks/MetaWidget.es.js";
-import { t as Nn, c as En } from "./chunks/queryFilterToClientFilter.es.js";
-import { u as Dn } from "./chunks/useDateRangeFilter.es.js";
-import { e as In } from "./chunks/expandRelativeDates.es.js";
+import { g as De } from "./chunks/getEntityTypeIcon.es.js";
+import { _ as fs } from "./chunks/PlayableIcon.es.js";
+import { R as bs } from "./chunks/RepresentationsList.es.js";
+import { I as vs } from "./chunks/InfoMessage.es.js";
+import { M as ys, a as ks } from "./chunks/Menu.es.js";
+import { D as ws } from "./chunks/DetailsDialog.es.js";
+import { u as xs } from "./chunks/VersionUploadContextInstance.es.js";
+import { p as Ss } from "./chunks/pluralize.es.js";
+import { c as Cs } from "./chunks/copyToClipboard.es.js";
+import { u as Ts } from "./chunks/useQueryArgumentChangeLoading.es.js";
+import { d as tt, c as Ns } from "./chunks/Feed.es.js";
+import { A as Es, C as Ds } from "./chunks/ThumbnailSimple.es.js";
+import { t as Is, c as Ps } from "./chunks/queryFilterToClientFilter.es.js";
+import { u as Fs } from "./chunks/useDateRangeFilter.es.js";
+import { e as As } from "./chunks/expandRelativeDates.es.js";
 import "axios";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
 import "custom-protocol-check";
 import "./chunks/SimpleForm.es.js";
-import { Dialog as Pn } from "primereact/dialog";
-function Fn({
+import { Dialog as Os } from "primereact/dialog";
+function js({
   entityData: e,
-  project: n,
+  project: s,
   activeEntityType: t,
   entitiesToQuery: o = []
 }) {
-  H(() => {
-    if (!e?.parents || !n) return;
-    const s = new URL(window.location.href), a = s.searchParams;
-    a.set("project", n), t && a.set("type", t);
-    const r = (o || []).filter((f) => f.projectName === n).map((f) => f.id).filter(Boolean)[0];
+  B(() => {
+    if (!e?.parents || !s) return;
+    const n = new URL(window.location.href), a = n.searchParams;
+    a.set("project", s), t && a.set("type", t);
+    const r = (o || []).filter((f) => f.projectName === s).map((f) => f.id).filter(Boolean)[0];
     r && a.set("id", r);
-    const c = `${s.pathname}?${a.toString()}${s.hash}`, m = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+    const c = `${n.pathname}?${a.toString()}${n.hash}`, m = `${window.location.pathname}${window.location.search}${window.location.hash}`;
     c !== m && window.history.replaceState(window.history.state, "", c);
-  }, [e, n, t, o]);
+  }, [e, s, t, o]);
 }
-const An = T(ze)`
+const Rs = T(Qe)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -73,7 +73,7 @@ const An = T(ze)`
   & > * {
     min-width: max-content;
   }
-`, On = T.div`
+`, Vs = T.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
@@ -82,31 +82,31 @@ const An = T(ze)`
   right: 0;
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-low);
-`, Rn = T(vt)`
+`, $s = T(yt)`
   gap: 0px;
   height: 100%;
   padding: 0px;
   box-shadow: -2px 0 6px #00000047;
   z-index: 300;
-`, jn = T(ze)`
+`, Ls = T(Qe)`
   border-radius: 8px 8px 0 0;
   gap: var(--base-gap-small) !important;
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, Vn = ["product", "representation"], Un = ["task"], $n = ({
+`, Us = ["product", "representation"], _s = ["task"], Ms = ({
   entityType: e,
-  currentTab: n,
+  currentTab: s,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !Vn.includes(e), a = Un.includes(e);
-  return /* @__PURE__ */ k(jn, { className: o ? "loading" : "", children: [
-    s && /* @__PURE__ */ i(
-      Z,
+  const n = !Us.includes(e), a = _s.includes(e);
+  return /* @__PURE__ */ k(Ls, { className: o ? "loading" : "", children: [
+    n && /* @__PURE__ */ i(
+      Y,
       {
         icon: "forum",
-        selected: n === "feed",
+        selected: s === "feed",
         onClick: () => t("feed"),
         "data-tooltip": "Activity Feed",
         "data-tooltip-delay": 0,
@@ -114,45 +114,45 @@ const An = T(ze)`
       }
     ),
     a && /* @__PURE__ */ i(
-      Z,
+      Y,
       {
         icon: "checklist",
-        selected: n === "subtasks",
+        selected: s === "subtasks",
         onClick: () => t("subtasks"),
         "data-tooltip": "Subtasks",
         "data-tooltip-delay": 0,
         variant: "text"
       }
     ),
-    /* @__PURE__ */ i(Ge, {}),
+    /* @__PURE__ */ i(qe, {}),
     e === "version" && /* @__PURE__ */ i(
-      Z,
+      Y,
       {
         icon: "order_play",
         onClick: () => t("files"),
-        selected: n === "files",
+        selected: s === "files",
         "data-tooltip": "Version files",
         "data-tooltip-delay": 0,
         variant: "text"
       }
     ),
     /* @__PURE__ */ i(
-      Z,
+      Y,
       {
         onClick: () => t("details"),
-        selected: n === "details",
+        selected: s === "details",
         style: { padding: "6px 8px" },
         variant: "text",
         children: "Details"
       }
     )
   ] });
-}, Ln = T.div`
+}, Hs = T.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   overflow: hidden;
-`, _n = T.button`
+`, Bs = T.button`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -174,56 +174,56 @@ const An = T(ze)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, Mn = ({ entity: e, taskTypes: n }) => {
-  const { openSlideOut: t } = q(), { projectName: o } = e, s = e.task?.name ? e.task : void 0;
-  if (!s?.id) return null;
-  const a = n.find((r) => r.name === s.taskType);
-  return /* @__PURE__ */ k(Ln, { className: "linked-task", children: [
+`, Ws = ({ entity: e, taskTypes: s }) => {
+  const { openSlideOut: t } = K(), { projectName: o } = e, n = e.task?.name ? e.task : void 0;
+  if (!n?.id) return null;
+  const a = s.find((r) => r.name === n.taskType);
+  return /* @__PURE__ */ k(Hs, { className: "linked-task", children: [
     /* @__PURE__ */ i("span", { children: "Task" }),
     /* @__PURE__ */ k(
-      _n,
+      Bs,
       {
-        onClick: () => t({ entityId: s.id, entityType: "task", projectName: o }),
+        onClick: () => t({ entityId: n.id, entityType: "task", projectName: o }),
         children: [
-          /* @__PURE__ */ i(fe, { icon: a?.icon || "task_alt", style: { color: a?.color || void 0 } }),
-          /* @__PURE__ */ i("span", { className: "label", children: s.label || s.name })
+          /* @__PURE__ */ i(we, { icon: a?.icon || "task_alt", style: { color: a?.color || void 0 } }),
+          /* @__PURE__ */ i("span", { className: "label", children: n.label || n.name })
         ]
       }
     )
   ] });
-}, et = (e, n, t) => {
+}, st = (e, s, t) => {
   if (!e[0]) return [];
-  if (n === "representation") return [{ icon: "view_in_ar" }];
-  const o = (s) => {
-    switch (n) {
+  if (s === "representation") return [{ icon: "view_in_ar" }];
+  const o = (n) => {
+    switch (s) {
       case "folder":
-        return s.folder?.folderType ? t.folder[s.folder.folderType] : Ce("folder");
+        return n.folder?.folderType ? t.folder[n.folder.folderType] : De("folder");
       case "task":
-        return s.task?.taskType ? t.task[s.task.taskType] : Ce("task");
+        return n.task?.taskType ? t.task[n.task.taskType] : De("task");
       case "version":
-        return s.product?.productType ? t.product[s.product.productType] : Ce("version");
+        return n.product?.productType ? t.product[n.product.productType] : De("version");
     }
   };
-  return e.slice(0, 6).map((s) => ({
-    icon: o(s),
-    id: s.id,
-    type: n,
-    thumbnailHash: s.thumbnailHash,
-    projectName: s.projectName
+  return e.slice(0, 6).map((n) => ({
+    icon: o(n),
+    id: n.id,
+    type: s,
+    thumbnailHash: n.thumbnailHash,
+    projectName: n.projectName
   }));
-}, Te = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), tt = (e) => ({
-  task: Te(e.taskTypes),
-  folder: Te(e.folderTypes),
-  product: Te(e.productTypes)
-}), nt = (e, n) => {
+}, Ie = (e) => e.filter((s) => !!s.icon).reduce((s, t) => ({ ...s, [t.name]: t.icon }), {}), nt = (e) => ({
+  task: Ie(e.taskTypes),
+  folder: Ie(e.folderTypes),
+  product: Ie(e.productTypes)
+}), at = (e, s) => {
   const t = e.length > 1, o = e[0];
   if (t)
     return {
-      title: `${e.length} ${n}s`,
-      subTitle: e.map((s) => s.name).join(", ")
+      title: `${e.length} ${s}s`,
+      subTitle: e.map((n) => n.name).join(", ")
     };
   if (!o) return { title: "loading...", subTitle: "loading..." };
-  switch (n) {
+  switch (s) {
     case "folder":
       return {
         title: o.label || o.name || "Unknown Folder",
@@ -250,12 +250,12 @@ const An = T(ze)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, Hn = ({
+}, zs = ({
   entityType: e,
-  entitySubTypes: n,
+  entitySubTypes: s,
   entities: t = [],
   disabledAssignees: o = [],
-  users: s = [],
+  users: n = [],
   disabledStatuses: a,
   tagsOptions: r = [],
   isFetching: c,
@@ -265,20 +265,20 @@ const An = T(ze)`
   projectInfo: g,
   onOpenViewer: b,
   onEntityFocus: x,
-  thumbnailInputRef: R,
-  versionsInputRef: j
+  thumbnailInputRef: $,
+  versionsInputRef: U
 }) => {
-  const { useSearchParams: P, useNavigate: d, bundleMode: u } = q(), h = d(), [N, A] = P(), E = ee(null), y = D(() => tt(g), [g]), w = Rt(
+  const { useSearchParams: A, useNavigate: d, bundleMode: u } = K(), h = d(), [N, j] = A(), E = Z(null), y = C(() => nt(g), [g]), w = Vt(
     t.map((l) => l.projectName),
     [e]
-  ), O = D(() => e === "task" ? ue(...t.map((l) => l.task?.assignees || [])) : e === "version" ? ue(
+  ), R = C(() => e === "task" ? ue(...t.map((l) => l.task?.assignees || [])) : e === "version" ? ue(
     ...t.map((l) => {
-      const C = l.version?.author;
-      return Array.isArray(C) ? C : C ? [C] : [];
+      const S = l.version?.author;
+      return Array.isArray(S) ? S : S ? [S] : [];
     })
   ) : [], [t, e]);
   let V = t[0];
-  const L = t.length === 0 || !V || c;
+  const M = t.length === 0 || !V || c;
   V || (V = {
     parents: [],
     id: "placeholder",
@@ -294,87 +294,109 @@ const An = T(ze)`
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const te = t.length > 1 ? void 0 : V?.projectName;
+  const ee = t.length > 1 ? void 0 : V?.projectName;
   t.filter((l) => l.projectName === V?.projectName && l.id).map((l) => l.id);
-  const { data: ne } = Dt({ attributeName: "priority" }), se = Xt(ne, e), ae = D(
-    () => et(t, e, y),
+  const { data: te } = Pt({ attributeName: "priority" }), se = Zt(te, e), ne = C(
+    () => st(t, e, y),
     [t, e, y]
-  ), I = D(() => t.map((l) => l.status), [t]), oe = D(() => t.map((l) => l.attrib?.priority), [t]), X = D(() => t.map((l) => l.tags), [t]), re = D(
-    () => r.reduce((l, C) => (l[C.name] = C, l), {}),
+  ), P = C(() => t.map((l) => l.status), [t]), ae = C(() => t.map((l) => l.attrib?.priority), [t]), W = C(() => t.map((l) => l.tags), [t]), ce = C(
+    () => r.reduce((l, S) => (l[S.name] = S, l), {}),
     [r]
-  ), K = t.length > 1, le = !K && !!V?.hasReviewables, $ = ae.length === 1, { attribAccess: U, updateEntity: ce } = jt({
+  ), oe = C(() => ue(...W), [W]), pe = t.every((l) => l.projectName === V?.projectName), L = ps(
+    pe ? V?.projectName : void 0,
+    r
+  ), F = t.length > 1, de = C(() => Me(W), [W]), he = C(
+    () => Me(t.map((l) => l.task?.assignees || [])),
+    [t]
+  ), ve = !F && !!V?.hasReviewables, ye = ne.length === 1, { attribAccess: D, updateEntity: me } = $t({
     entities: t,
     entityType: e
-  }), { writableFields: B } = U, be = !B || B.includes("status"), he = !B || B.includes("tags"), S = e === "task" && (!B || B.includes("assignees")), Y = (l, C) => {
-    if (!(l !== "attrib" && B && !B.includes(l)) && !(l === "assignees" && !S))
-      return C == null ? console.error("value is null or undefined") : ce(l, C);
-  }, ve = () => {
-    let l, C = V.id, z = e + "Id";
-    e === "version" && V.product?.id && (l = [V.id], C = V.product?.id, z = "productId"), C && b({
-      [z]: C,
-      projectName: te,
+  }), { writableFields: G } = D, Se = !G || G.includes("status"), J = !G || G.includes("tags"), ie = e === "task" && (!G || G.includes("assignees")), re = (l, S) => {
+    if (!(l !== "attrib" && G && !G.includes(l)) && !(l === "assignees" && !ie))
+      return S == null ? console.error("value is null or undefined") : me(l, S);
+  }, z = (l, S) => {
+    const I = new Map(
+      t.map((q) => [q.id, (l === "tags" ? q.tags : q.task?.assignees) || []])
+    );
+    l === "tags" && L?.addTags(S.add), re(l, (q) => kt(I.get(q) || [], S));
+  }, _ = () => {
+    let l, S = V.id, I = e + "Id";
+    e === "version" && V.product?.id && (l = [V.id], S = V.product?.id, I = "productId"), S && b({
+      [I]: S,
+      projectName: ee,
       versionIds: l
     });
-  }, me = (e === "task" || e === "version") && (O.length > 0 || e === "task"), Q = [...Nt(s, O)];
-  if (me) {
-    const l = s.map((z) => z.name), C = O.filter((z) => !l.includes(z));
-    C.length && Q.push(...C.map((z) => ({ name: z, fullName: z })));
+  }, Q = (e === "task" || e === "version") && (R.length > 0 || e === "task"), ke = [...Dt(n, R)];
+  if (Q) {
+    const l = n.map((I) => I.name), S = R.filter((I) => !l.includes(I));
+    S.length && ke.push(...S.map((I) => ({ name: I, fullName: I })));
   }
-  const { title: de, subTitle: ye } = nt(t, e), W = w?.length !== 0 && w?.find((l) => l.name === I[0]);
-  return /* @__PURE__ */ i(Vt, { children: /* @__PURE__ */ i(
-    qt,
+  const { title: Ce, subTitle: ge } = at(t, e), fe = w?.length !== 0 && w?.find((l) => l.name === P[0]);
+  return /* @__PURE__ */ i(Lt, { children: /* @__PURE__ */ i(
+    Jt,
     {
       entities: t,
       entityType: e,
-      projectName: te,
-      thumbnailInputRef: R,
-      versionsInputRef: j,
+      projectName: ee,
+      thumbnailInputRef: $,
+      versionsInputRef: U,
       onVersionCreated: (l) => x?.(l, "version"),
-      children: /* @__PURE__ */ k(Ut, { className: ie("details-panel-header", { isCompact: m }), children: [
+      children: /* @__PURE__ */ k(Ut, { className: le("details-panel-header", { isCompact: m }), children: [
         /* @__PURE__ */ k(
-          $t,
+          _t,
           {
-            className: ie("titles", { isCompact: m, loading: L }, "no-shimmer"),
+            className: le("titles", { isCompact: m, loading: M }, "no-shimmer"),
             children: [
               /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i(
-                  Je,
+                  Ye,
                   {
-                    isLoading: L,
-                    shimmer: L,
-                    thumbnails: ae,
-                    onClick: $ ? ve : void 0,
-                    hoverIcon: le ? "play_circle" : void 0
+                    isLoading: M,
+                    shimmer: M,
+                    thumbnails: ne,
+                    onClick: ye ? _ : void 0,
+                    hoverIcon: ve ? "play_circle" : void 0
                   }
                 ),
-                le && /* @__PURE__ */ i(un, {})
+                ve && /* @__PURE__ */ i(fs, {})
               ] }),
-              /* @__PURE__ */ k(Lt, { className: ie({ loading: L }), children: [
-                /* @__PURE__ */ k(_t, { children: [
-                  /* @__PURE__ */ i("h2", { children: de }),
-                  he ? /* @__PURE__ */ i(
-                    Mt,
-                    {
-                      ref: E,
-                      value: ue(...X),
-                      tags: re,
-                      options: [],
-                      editable: !0,
-                      editor: !0,
-                      onChange: (l) => Y("tags", l),
-                      align: "right",
-                      styleDropdown: { display: L ? "none" : "unset" },
-                      className: "tags-select",
-                      itemClassName: "details-tag"
-                    }
-                  ) : /* @__PURE__ */ i(Ht, { className: "tags-select", children: ue(...X).length ? ue(...X).map((l) => {
-                    const C = re[l]?.color;
+              /* @__PURE__ */ k(Mt, { className: le({ loading: M }), children: [
+                /* @__PURE__ */ k(Ht, { children: [
+                  /* @__PURE__ */ i("h2", { children: Ce }),
+                  J ? /* @__PURE__ */ k(xe, { children: [
+                    /* @__PURE__ */ i(
+                      Bt,
+                      {
+                        ref: E,
+                        value: ue(...W),
+                        tags: ce,
+                        options: [],
+                        editable: !0,
+                        editor: !0,
+                        onChange: (l) => {
+                          L?.addTags(l.filter((S) => !oe.includes(S))), re("tags", l);
+                        },
+                        mixedCounts: F ? de : void 0,
+                        mixedTotal: t.length,
+                        mixedLabel: `${e}s`,
+                        onMixedChange: (l) => z("tags", l),
+                        onEditOption: L?.onEditOption,
+                        editOptionTooltip: "Change the colour in the project tags",
+                        align: "right",
+                        styleDropdown: { display: M ? "none" : "unset" },
+                        className: "tags-select",
+                        itemClassName: "details-tag"
+                      }
+                    ),
+                    L && /* @__PURE__ */ i(hs, { ...L.dialog })
+                  ] }) : /* @__PURE__ */ i(Wt, { className: "tags-select", children: ue(...W).length ? ue(...W).map((l) => {
+                    const S = ce[l]?.color;
                     return /* @__PURE__ */ i(
                       "span",
                       {
                         style: {
-                          backgroundColor: C || void 0,
-                          color: C ? Ee(C) : void 0
+                          backgroundColor: S || void 0,
+                          color: S ? Fe(S) : void 0
                         },
                         children: l
                       },
@@ -384,13 +406,13 @@ const An = T(ze)`
                 ] }),
                 /* @__PURE__ */ k("div", { className: "sub-title", children: [
                   /* @__PURE__ */ k("span", { className: "entity-type", children: [
-                    Xe(e),
+                    Ze(e),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i("h3", { children: ye })
+                  /* @__PURE__ */ i("h3", { children: ge })
                 ] }),
-                e === "version" && !K && !L && V && /* @__PURE__ */ i(
-                  Mn,
+                e === "version" && !F && !M && V && /* @__PURE__ */ i(
+                  Ws,
                   {
                     entity: V,
                     taskTypes: g.taskTypes
@@ -402,77 +424,81 @@ const An = T(ze)`
           }
         ),
         /* @__PURE__ */ i(
-          Bt,
+          zt,
           {
-            value: I,
+            value: P,
             options: w || [],
             disabledValues: a,
-            disableOpen: !be,
+            disableOpen: !Se,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (l) => Y("status", l),
-            className: ie("status-select", { loading: L }),
+            onChange: (l) => re("status", l),
+            className: le("status-select", { loading: M }),
             align: m ? "right" : "left",
-            $textColor: Ee(W !== void 0 ? W.color : "#OOO")
+            $textColor: Fe(fe !== void 0 ? fe.color : "#OOO")
           }
         ),
-        !m && (!me || L ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
-          Wt,
+        !m && (!Q || M ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
+          Gt,
           {
-            value: O,
-            options: Q,
+            value: R,
+            options: ke,
             disabledValues: o.map((l) => l.name),
-            isMultiple: K && O.length > 1 && e === "task",
-            readOnly: !S,
-            emptyMessage: S ? "Assign user" : "-",
+            isMultiple: F && R.length > 1 && e === "task",
+            readOnly: !ie,
+            emptyMessage: ie ? "Assign user" : "-",
             align: "right",
-            onChange: (l) => Y("assignees", l),
+            onChange: (l) => re("assignees", l),
+            mixedCounts: F && e === "task" ? he : void 0,
+            mixedTotal: t.length,
+            mixedLabel: `${e}s`,
+            onMixedChange: (l) => z("assignees", l),
             className: "assignee-select",
-            "data-tooltip": O.length ? e === "task" ? "Assigned users" : "Author" : ""
+            "data-tooltip": R.length ? e === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i(
-          dn,
+          us,
           {
             entities: t,
             entityType: e,
-            entitySubTypes: n,
-            isLoadingEntity: !!c || !!L,
+            entitySubTypes: s,
+            isLoadingEntity: !!c || !!M,
             searchParams: N,
             bundleMode: u,
-            onSetSearchParams: A,
+            onSetSearchParams: j,
             onNavigate: h
           }
         ),
         se ? /* @__PURE__ */ i(
-          zt,
+          Qt,
           {
             options: se,
             placeholder: "No priority",
-            value: oe,
-            onChange: (l) => Y("attrib", { priority: l[0] }),
+            value: ae,
+            onChange: (l) => re("attrib", { priority: l[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          $n,
+          Ms,
           {
             entityType: e,
             currentTab: f,
             onTabChange: p,
-            isLoading: L
+            isLoading: M
           }
         )
       ] })
     }
   ) });
-}, Bn = T.div`
+}, Gs = T.div`
   display: flex;
   flex-direction: column;
 
   height: 100%;
   overflow: hidden;
-`, Me = T.div`
+`, Be = T.div`
   position: relative;
   flex: 1;
   display: flex;
@@ -486,40 +512,40 @@ const An = T(ze)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, Wn = ({
+`, Qs = ({
   entities: e = [],
-  scope: n,
+  scope: s,
   isLoadingVersion: t
 }) => {
   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(Bn, { children: [
-    /* @__PURE__ */ k(Me, { children: [
-      /* @__PURE__ */ i("h4", { children: s }),
+  let n = "Reviewables";
+  return e.length > 1 && (n += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ k(Gs, { children: [
+    /* @__PURE__ */ k(Be, { children: [
+      /* @__PURE__ */ i("h4", { children: n }),
       /* @__PURE__ */ i(
-        Kt,
+        Xt,
         {
           projectName: o.projectName,
           productId: o.product?.id,
           versionId: o.id,
           isLoadingVersion: t,
-          scope: n
+          scope: s
         }
       )
     ] }),
-    /* @__PURE__ */ k(Me, { children: [
+    /* @__PURE__ */ k(Be, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(pn, { entities: e })
+      /* @__PURE__ */ i(bs, { entities: e })
     ] })
   ] });
-}, zn = ({
+}, qs = ({
   latestVersion: e,
-  resolveVersionJump: n
+  resolveVersionJump: s
 }) => {
-  const t = n?.(e.id);
+  const t = s?.(e.id);
   return /* @__PURE__ */ i(
-    hn,
+    vs,
     {
       variant: "info",
       compact: !0,
@@ -533,21 +559,21 @@ const An = T(ze)`
       } : void 0
     }
   );
-}, Gn = (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;
-}, Qn = () => ({
-  onOpenVersionUpload: bn()?.onOpenVersionUpload ?? null
-}), qn = (e, n, t) => {
+}, Ks = (e) => {
+  const s = e?.version?.version, t = e?.product?.latestVersion;
+  if (!(e?.entityType !== "version" || !s || s <= 0 || !t?.active))
+    return t.version > s ? t : void 0;
+}, Js = () => ({
+  onOpenVersionUpload: xs()?.onOpenVersionUpload ?? null
+}), Xs = (e, s, 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;
-}, Kn = ({
+  return o ? `${typeof window < "u" ? window.location.origin : ""}/projects/${t}/${o}?project=${t}&type=${e}&id=${s}` : null;
+}, Ys = ({
   entityType: e,
-  entityId: n,
+  entityId: s,
   projectName: t,
   selectedEntities: o,
-  deleteEntities: s,
+  deleteEntities: n,
   canUploadThumbnail: a,
   canUploadVersion: r,
   canOpenPip: c,
@@ -557,17 +583,17 @@ const An = T(ze)`
   onPip: g,
   onOpenViewer: b,
   onUploadThumbnail: x,
-  onUploadVersion: R,
-  onShare: j,
-  onViewData: P,
+  onUploadVersion: $,
+  onShare: U,
+  onViewData: A,
   onDelete: d
 }) => {
-  const u = D(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
+  const u = C(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
     entityId: h.entityId,
     entityType: h.entityType || e,
     hasReviewables: h.hasReviewables
-  })) : n ? [{ entityId: n, entityType: e }] : [], [o, n, e]);
-  return D(() => {
+  })) : s ? [{ entityId: s, entityType: e }] : [], [o, s, e]);
+  return C(() => {
     const h = [];
     if (m && h.push({
       id: "open-in-viewer",
@@ -588,7 +614,7 @@ const An = T(ze)`
       id: "upload-version",
       label: "Upload version",
       icon: "upload",
-      onClick: R
+      onClick: $
     }), p?.openAddToListDialog && t && u.length) {
       const E = u[0]?.entityType || e, y = p.openAddToListDialog;
       if (h.push({
@@ -597,34 +623,34 @@ const An = T(ze)`
         icon: "list_alt_add",
         onClick: () => y(E, u)
       }), (E === "version" || E === "representation") && p.hasReviewAddon) {
-        const O = u.some((V) => V.hasReviewables === !0);
+        const R = u.some((V) => V.hasReviewables === !0);
         h.push({
           id: "add-to-review-list",
           label: "Add to session",
           icon: "list_alt_add",
-          disabled: !O,
-          ...O ? {} : { "data-tooltip": "No reviewables on selected version" },
+          disabled: !R,
+          ...R ? {} : { "data-tooltip": "No reviewables on selected version" },
           onClick: () => y(E, u, { isReview: !0 })
         });
       }
     }
-    const N = u[0], A = N?.entityId && t ? qn(
+    const N = u[0], j = N?.entityId && t ? Xs(
       N.entityType || e,
       N.entityId,
       t
     ) : null;
-    if (A && h.push({
+    if (j && h.push({
       id: "share",
       label: "Share",
       icon: "share",
-      onClick: () => j(A)
+      onClick: () => U(j)
     }), h.push({
       id: "view-data",
       label: "View data",
       icon: "database",
-      onClick: P
-    }), f && s.length > 0) {
-      const E = new Set(s.map((O) => O.entityType)), y = E.size === 1 ? [...E][0] : "item", w = s.length === 1 ? `Delete ${y}` : `Delete ${vn(s.length, y)}`;
+      onClick: A
+    }), f && n.length > 0) {
+      const E = new Set(n.map((R) => R.entityType)), y = E.size === 1 ? [...E][0] : "item", w = n.length === 1 ? `Delete ${y}` : `Delete ${Ss(n.length, y)}`;
       h.push({
         id: "delete",
         label: w,
@@ -633,14 +659,14 @@ const An = T(ze)`
         onClick: d
       });
     }
-    return { items: h, shareLink: A };
+    return { items: h, shareLink: j };
   }, [
     c,
     m,
     a,
     r,
     f,
-    s,
+    n,
     p,
     t,
     u,
@@ -648,23 +674,23 @@ const An = T(ze)`
     g,
     b,
     x,
-    R,
-    j,
-    P,
+    $,
+    U,
+    A,
     d
   ]);
-}, Jn = T.div`
+}, Zs = T.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`, He = T.div`
+`, We = T.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
-`, Be = T.span`
+`, ze = T.span`
   font-size: 13px;
   color: var(--md-sys-color-on-surface);
-`, We = T.button`
+`, Ge = T.button`
   display: flex;
   align-items: center;
   gap: 12px;
@@ -693,47 +719,47 @@ const An = T(ze)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, Xn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
+`, en = ({ link: e, entityLabel: s, visible: t, onHide: o }) => {
   if (!t) return null;
-  const s = `[${n}](${e})`, a = (r) => {
-    yn(r, !0), o();
+  const n = `[${s}](${e})`, a = (r) => {
+    Cs(r, !0), o();
   };
-  return /* @__PURE__ */ i(yt, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Jn, { children: [
-    /* @__PURE__ */ k(He, { children: [
-      /* @__PURE__ */ i(Be, { children: "Link" }),
-      /* @__PURE__ */ k(We, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
+  return /* @__PURE__ */ i(wt, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Zs, { children: [
+    /* @__PURE__ */ k(We, { children: [
+      /* @__PURE__ */ i(ze, { children: "Link" }),
+      /* @__PURE__ */ k(Ge, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: e }),
-        /* @__PURE__ */ i(fe, { icon: "content_copy" })
+        /* @__PURE__ */ i(we, { icon: "content_copy" })
       ] })
     ] }),
-    /* @__PURE__ */ k(He, { children: [
-      /* @__PURE__ */ i(Be, { children: "Markdown Link" }),
-      /* @__PURE__ */ k(We, { type: "button", onClick: () => a(s), "aria-label": "Copy markdown link", children: [
-        /* @__PURE__ */ i("span", { className: "value", children: s }),
-        /* @__PURE__ */ i(fe, { icon: "content_copy" })
+    /* @__PURE__ */ k(We, { children: [
+      /* @__PURE__ */ i(ze, { children: "Markdown Link" }),
+      /* @__PURE__ */ k(Ge, { type: "button", onClick: () => a(n), "aria-label": "Copy markdown link", children: [
+        /* @__PURE__ */ i("span", { className: "value", children: n }),
+        /* @__PURE__ */ i(we, { icon: "content_copy" })
       ] })
     ] })
   ] }) });
-}, Yn = (e, n, t, o) => {
-  const s = { projectName: t, quickView: !0 };
+}, tn = (e, s, t, o) => {
+  const n = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
-      return { ...s, folderId: n };
+      return { ...n, folderId: s };
     case "task":
-      return { ...s, taskId: n };
+      return { ...n, taskId: s };
     case "product":
-      return { ...s, productId: n };
+      return { ...n, productId: s };
     case "version":
-      return o ? { ...s, productId: o, versionIds: [n] } : null;
+      return o ? { ...n, productId: o, versionIds: [s] } : null;
     default:
       return null;
   }
-}, Zn = ({
+}, sn = ({
   entityType: e,
-  entityId: n,
+  entityId: s,
   entityIds: t,
   entityLabel: o,
-  projectName: s,
+  projectName: n,
   selectedEntities: a = [],
   entityListsContext: r,
   onOpenPip: c,
@@ -742,154 +768,154 @@ const An = T(ze)`
   taskId: p,
   folderId: g
 }) => {
-  const b = ee(null), [x, R] = J(!1), [j, P] = J(null), { menuOpen: d, toggleMenuOpen: u, setMenuOpen: h } = en(), { triggerThumbnailUpload: N, canUploadVersion: A } = St(tn), { onOpenVersionUpload: E } = Qn(), y = Ct(), w = D(() => {
-    const $ = n || t?.[0] || "noentity";
-    return `details-more-menu-${y}-${$}-${s || "noproject"}`;
-  }, [y, n, t, s]), O = d === w, V = !!n && !!s && !!N, L = !!A && !!E, te = () => {
+  const b = Z(null), [x, $] = X(!1), [U, A] = X(null), { menuOpen: d, toggleMenuOpen: u, setMenuOpen: h } = ss(), { triggerThumbnailUpload: N, canUploadVersion: j } = Tt(ns), { onOpenVersionUpload: E } = Js(), y = Nt(), w = C(() => {
+    const L = s || t?.[0] || "noentity";
+    return `details-more-menu-${y}-${L}-${n || "noproject"}`;
+  }, [y, s, t, n]), R = d === w, V = !!s && !!n && !!N, M = !!j && !!E, ee = () => {
     E?.({ productId: f, taskId: p, folderId: g });
-  }, ne = n && s ? Yn(e, n, s, f) : null, se = !!m && !!ne, ae = nn(), I = D(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((U) => {
-    const ce = U.entityType || e, B = U.projectName || s;
-    return !sn(ce) || !U.entityId || !B ? null : {
-      id: U.entityId,
-      entityType: ce,
-      name: U.name,
-      label: U.label,
-      projectName: B,
-      folderId: U.folderId,
-      parentId: U.parentId
+  }, te = s && n ? tn(e, s, n, f) : null, se = !!m && !!te, ne = as(), P = C(() => (a.length ? a : s ? [{ entityId: s, entityType: e, projectName: n }] : []).map((F) => {
+    const de = F.entityType || e, he = F.projectName || n;
+    return !os(de) || !F.entityId || !he ? null : {
+      id: F.entityId,
+      entityType: de,
+      name: F.name,
+      label: F.label,
+      projectName: he,
+      folderId: F.folderId,
+      parentId: F.parentId
     };
-  }).filter((U) => U !== null), [a, n, e, s]), oe = !!ae && I.length > 0, X = () => {
-    h(!1), ae?.deleteEntities(I);
-  }, { items: re } = Kn({
+  }).filter((F) => F !== null), [a, s, e, n]), ae = !!ne && P.length > 0, W = () => {
+    h(!1), ne?.deleteEntities(P);
+  }, { items: ce } = Ys({
     entityType: e,
-    entityId: n,
-    projectName: s,
+    entityId: s,
+    projectName: n,
     selectedEntities: a,
-    deleteEntities: I,
+    deleteEntities: P,
     canUploadThumbnail: V,
-    canUploadVersion: L,
+    canUploadVersion: M,
     canOpenPip: !!c,
     canOpenViewer: se,
-    canDelete: oe,
+    canDelete: ae,
     entityListsContext: r,
     onPip: () => c?.(),
-    onOpenViewer: () => ne && m?.(ne),
+    onOpenViewer: () => te && m?.(te),
     onUploadThumbnail: () => N?.(),
-    onUploadVersion: te,
-    onShare: ($) => P($),
-    onViewData: () => R(!0),
-    onDelete: X
-  }), K = t?.length ? t : n ? [n] : [], le = o || n || "";
-  return /* @__PURE__ */ k(Ie, { children: [
+    onUploadVersion: ee,
+    onShare: (L) => A(L),
+    onViewData: () => $(!0),
+    onDelete: W
+  }), oe = t?.length ? t : s ? [s] : [], pe = o || s || "";
+  return /* @__PURE__ */ k(xe, { children: [
     /* @__PURE__ */ i(
-      Z,
+      Y,
       {
         ref: b,
         icon: "more_horiz",
         variant: "text",
         "data-tooltip": "More actions",
         "aria-label": "More actions",
-        className: ie({ active: O }),
+        className: le({ active: R }),
         onClick: () => u(w)
       }
     ),
-    /* @__PURE__ */ i(mn, { id: w, target: b.current, align: "right", children: /* @__PURE__ */ i(gn, { menu: re, onClose: () => h(!1) }) }),
-    x && s && K.length > 0 && /* @__PURE__ */ i(
-      fn,
+    /* @__PURE__ */ i(ys, { id: w, target: b.current, align: "right", children: /* @__PURE__ */ i(ks, { menu: ce, onClose: () => h(!1) }) }),
+    x && n && oe.length > 0 && /* @__PURE__ */ i(
+      ws,
       {
-        projectName: s,
+        projectName: n,
         entityType: e,
-        entityIds: K,
+        entityIds: oe,
         visible: x,
-        onHide: () => R(!1)
+        onHide: () => $(!1)
       }
     ),
-    j && /* @__PURE__ */ i(
-      Xn,
+    U && /* @__PURE__ */ i(
+      en,
       {
-        link: j,
-        entityLabel: le,
+        link: U,
+        entityLabel: pe,
         visible: !0,
-        onHide: () => P(null)
+        onHide: () => A(null)
       }
     )
   ] });
-}, es = (e, n) => {
+}, nn = (e, s) => {
   const t = [e];
   let o = e;
   for (; o.parentId && o.parentId !== "root"; ) {
-    const s = n.get(o.parentId);
-    if (!s)
+    const n = s.get(o.parentId);
+    if (!n)
       break;
-    t.unshift(s), o = s;
+    t.unshift(n), o = n;
   }
   return t;
-}, ts = (e, n) => {
+}, an = (e, s) => {
   const t = [];
-  let o = n.get(e.folder?.id || "");
-  if ((o ? es(o, n) : []).forEach((a) => {
+  let o = s.get(e.folder?.id || "");
+  if ((o ? nn(o, s) : []).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;
-}, ns = ({
+}, on = ({
   entity: e,
-  entityType: n,
+  entityType: s,
   projectName: t,
   isLoading: o
 }) => {
-  const { data: { folders: s = [] } = {}, isFetching: a } = It(
+  const { data: { folders: n = [] } = {}, isFetching: a } = Ft(
     // 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
     { projectName: t, patch: ["id", "name", "label"] },
     { skip: !t || o }
-  ), r = kn(
+  ), r = Ts(
     { projectName: t || "", isLoading: o },
     a
-  ), { data: c } = Pt(
+  ), { data: c } = At(
     { productId: e.product?.id || "", projectName: t },
-    { skip: n !== "version" || !e.product?.id }
-  ), m = D(
+    { skip: s !== "version" || !e.product?.id }
+  ), m = C(
     () => c?.project.product?.versionList ? [...c.project.product?.versionList || []].sort((g, b) => g.name === "HERO" ? -1 : b.name === "HERO" ? 1 : b.name.localeCompare(g.name)).map((g) => ({
       type: "version",
       label: g.name,
       id: g.id
     })) : [],
     [c]
-  ), f = D(
-    () => new Map(s.map((g) => [g.id, g])),
-    [s]
+  ), f = C(
+    () => new Map(n.map((g) => [g.id, g])),
+    [n]
   );
-  return [D(
-    () => r ? [] : ts(e, f),
-    [r, s, e]
+  return [C(
+    () => r ? [] : an(e, f),
+    [r, n, e]
   ), m];
-}, st = (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]));
+}, ot = (e, s) => {
+  let t = Object.entries(e).filter(([n]) => s ? s.includes(n) : !0).map(([, n]) => n?.statuses || []).flat();
+  const o = new Map(t.map((n) => [n.name, n]));
   return Array.from(o.values());
-}, at = ({
+}, it = ({
   scope: e = "dashboard",
-  entities: n,
+  entities: s,
   entityType: t,
   thumbnailHash: o,
-  projectName: s,
+  projectName: n,
   projectInfo: a,
   annotations: r,
   removeAnnotation: c,
   exportAnnotationComposite: m,
   ...f
 }) => {
-  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: m }, { user: g } = q(), b = g.name || "", x = g.attrib?.fullName || "";
+  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: m }, { user: g } = K(), b = g.name || "", x = g.attrib?.fullName || "";
   return /* @__PURE__ */ k(
-    Ze,
+    tt,
     {
       scope: e,
-      entities: n,
-      projectName: s,
+      entities: s,
+      projectName: n,
       entityType: t,
       projectInfo: a,
       userName: b,
@@ -897,43 +923,43 @@ const An = T(ze)`
       ...p,
       ...f,
       children: [
-        /* @__PURE__ */ i(wn, { ...f, statuses: f.statuses }),
-        /* @__PURE__ */ i(xn, {})
+        /* @__PURE__ */ i(Ns, { ...f, statuses: f.statuses }),
+        /* @__PURE__ */ i(Es, {})
       ]
     }
   );
-}, ss = ({
+}, rn = ({
   children: e,
-  scope: n = "dashboard",
+  scope: s = "dashboard",
   entities: t,
   entityType: o,
-  projectName: s,
+  projectName: n,
   projectInfo: a,
   annotations: r,
   removeAnnotation: c,
   exportAnnotationComposite: m,
   ...f
 }) => {
-  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: m }, { user: g } = q(), b = g?.name ?? "", x = g?.attrib?.fullName ?? "", [R, j] = J(null);
+  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: m }, { user: g } = K(), b = g?.name ?? "", x = g?.attrib?.fullName ?? "", [$, U] = X(null);
   return /* @__PURE__ */ i(
-    Ze,
+    tt,
     {
-      scope: n,
+      scope: s,
       entities: t,
-      projectName: s,
+      projectName: n,
       entityType: o,
       projectInfo: a,
       userName: b,
       userFullName: x,
       ...p,
-      editingId: R,
-      setEditingId: j,
+      editingId: $,
+      setEditingId: U,
       ...f,
       children: e
     }
   );
-}, ot = (e, n) => {
-  if (!e || Object.keys(e).length === 0 || !n?.length)
+}, rt = (e, s) => {
+  if (!e || Object.keys(e).length === 0 || !s?.length)
     return {
       folderTypes: [],
       taskTypes: [],
@@ -942,8 +968,8 @@ const An = T(ze)`
       linkTypes: [],
       productTypes: []
     };
-  if (n.length === 1) {
-    const a = e[n[0]];
+  if (s.length === 1) {
+    const a = e[s[0]];
     return {
       folderTypes: a?.folderTypes || [],
       taskTypes: a?.taskTypes || [],
@@ -958,7 +984,7 @@ const An = T(ze)`
     return a.flat().forEach((c) => {
       c && c.name && (r[c.name] = c);
     }), Object.values(r);
-  }, s = {
+  }, n = {
     statuses: [],
     folderTypes: [],
     taskTypes: [],
@@ -966,33 +992,33 @@ const An = T(ze)`
     linkTypes: [],
     productTypes: []
   };
-  return n.forEach((a) => {
+  return s.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]);
+    r && (Object.keys(n).forEach((c) => {
+      c === "productTypes" ? r.productTypes && n[c].push(r) : Array.isArray(r[c]) && n[c].push(r[c]);
     }), Object.keys(r).forEach((c) => {
-      c in s || (t[c] = r[c]);
+      c in n || (t[c] = r[c]);
     }));
-  }), Object.keys(s).forEach((a) => {
-    (a === "productTypes" || s[a].length > 0) && (t[a] = o(s[a]));
+  }), Object.keys(n).forEach((a) => {
+    (a === "productTypes" || n[a].length > 0) && (t[a] = o(n[a]));
   }), t;
-}, as = T.div`
+}, ln = T.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;
   gap: var(--base-gap-small);
-`, os = T.span`
+`, cn = T.span`
   font-weight: 600;
   user-select: none;
-`, is = T.div`
+`, dn = T.div`
   display: flex;
   gap: var(--base-gap-small);
-`, Ne = T(Z)`
+`, Pe = T(Y)`
   background-color: unset;
   &.hasIcon {
     padding: 4px;
   }
-`, rs = T.div`
+`, un = T.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1009,10 +1035,10 @@ const An = T(ze)`
     box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);
     background-color: var(--md-sys-color-surface-container-lowest);
   }
-`, ls = T(Cn)`
+`, pn = T(ms)`
   width: 28px;
   height: 28px;
-`, cs = T.input`
+`, hn = T.input`
   flex: 1;
   min-width: 0;
   border: none;
@@ -1025,58 +1051,58 @@ const An = T(ze)`
   &::placeholder {
     color: var(--md-sys-color-outline);
   }
-`, ds = T(Z)`
+`, mn = T(Y)`
   background-color: unset;
   min-width: unset;
   &.hasIcon {
     padding: 2px;
   }
-`, Pe = (e) => !!e && "key" in e, pe = (e, n) => Pe(e) ? e.key === n : !!e.conditions?.some((t) => pe(t, n)), De = (e) => {
-  if (Pe(e)) return String(e.value || "");
-  const n = e.operator === "or" ? ", " : ".";
-  return e.conditions?.map((t) => De(t)).join(n) || "";
-}, it = (e, n, t) => {
+`, Oe = (e) => !!e && "key" in e, be = (e, s) => Oe(e) ? e.key === s : !!e.conditions?.some((t) => be(t, s)), Ae = (e) => {
+  if (Oe(e)) return String(e.value || "");
+  const s = e.operator === "or" ? ", " : ".";
+  return e.conditions?.map((t) => Ae(t)).join(s) || "";
+}, lt = (e, s, t) => {
   const o = e.split(",").map((r) => r.trim()).filter(Boolean);
   if (o.length > 1)
     return {
       operator: "or",
-      conditions: o.map((r) => it(r, n, t))
+      conditions: o.map((r) => lt(r, s, t))
     };
-  const s = o[0] || e.trim();
-  if (!s || s === "," || s === ".")
+  const n = o[0] || e.trim();
+  if (!n || n === "," || n === ".")
     return {
-      key: n,
+      key: s,
       operator: t,
       value: ""
     };
-  const a = s.split(".").map((r) => r.trim()).filter(Boolean);
+  const a = n.split(".").map((r) => r.trim()).filter(Boolean);
   return a.length > 1 ? {
     operator: "and",
     conditions: a.map((r) => ({
-      key: n,
+      key: s,
       operator: t,
       value: r
     }))
   } : {
-    key: n,
+    key: s,
     operator: t,
     value: a[0] || ""
   };
-}, us = ({
+}, gn = ({
   label: e,
-  filters: n,
+  filters: s,
   currentFilter: t,
   onFilterChange: o,
-  isLoading: s
+  isLoading: n
 }) => {
-  const [a, r] = J(null), [c, m] = J(""), f = ee(null), p = (d) => typeof d == "object" && d !== null && !Array.isArray(d);
-  H(() => {
+  const [a, r] = X(null), [c, m] = X(""), f = Z(null), p = (d) => typeof d == "object" && d !== null && !Array.isArray(d);
+  B(() => {
     a && f.current && f.current.focus();
-  }, [a]), H(() => {
+  }, [a]), B(() => {
     if (a && p(t)) {
       if (document.activeElement === f.current) return;
-      const d = t.conditions?.find((u) => pe(u, a));
-      m(d ? De(d) : "");
+      const d = t.conditions?.find((u) => be(u, a));
+      m(d ? Ae(d) : "");
     }
   }, [a, t]);
   const g = (d, u) => {
@@ -1088,62 +1114,62 @@ const An = T(ze)`
       ...t,
       conditions: h,
       operator: t.operator || "and"
-    }, A = String(d.id), E = h.findIndex((w) => pe(w, A)), y = d.type || "boolean";
+    }, j = String(d.id), E = h.findIndex((w) => be(w, j)), y = d.type || "boolean";
     if (y === "boolean")
-      E > -1 ? h.splice(E, 1) : h.push({ key: A, operator: d.operator || "eq", value: !0 });
+      E > -1 ? h.splice(E, 1) : h.push({ key: j, operator: d.operator || "eq", value: !0 });
     else if (y === "enum") {
       const w = Array.isArray(u) ? u : [u];
       if (w.length === 0 || w.length === 1 && w[0] === void 0)
         E > -1 && h.splice(E, 1);
       else {
-        const O = {
-          key: A,
+        const R = {
+          key: j,
           operator: d.operator || "in",
           value: w
         };
-        E > -1 ? h[E] = O : h.push(O);
+        E > -1 ? h[E] = R : h.push(R);
       }
     } else if (y === "search") {
       const w = typeof u == "string" ? u : "";
       if (!w)
         E > -1 && h.splice(E, 1);
       else {
-        const O = it(w, A, d.operator || "like");
-        E > -1 ? h[E] = O : h.push(O);
+        const R = lt(w, j, d.operator || "like");
+        E > -1 ? h[E] = R : h.push(R);
       }
     }
     o(N);
   }, b = (d) => {
     const u = String(d.id);
     if (a !== u && (r(u), p(t))) {
-      const h = t.conditions?.find((N) => pe(N, u));
-      m(h ? De(h) : "");
+      const h = t.conditions?.find((N) => be(N, u));
+      m(h ? Ae(h) : "");
     }
   }, x = (d, u) => {
     m(u), g(d, u);
-  }, R = (d) => {
+  }, $ = (d) => {
     m(""), r(null), g(d, "");
-  }, j = (d) => p(t) ? t.conditions?.some((u) => pe(u, String(d.id))) : d.id === t, P = (d) => p(t) ? t.conditions?.find(
-    (h) => Pe(h) && h.key === String(d.id)
+  }, U = (d) => p(t) ? t.conditions?.some((u) => be(u, String(d.id))) : d.id === t, A = (d) => p(t) ? t.conditions?.find(
+    (h) => Oe(h) && h.key === String(d.id)
   )?.value || [] : [];
-  return /* @__PURE__ */ k(as, { className: ie("panel-tabs", { loading: s }), children: [
-    /* @__PURE__ */ i(os, { className: "panel-header-label", children: e }),
-    /* @__PURE__ */ i(Ge, {}),
-    /* @__PURE__ */ i(is, { className: "panel-header-filters", children: n.map((d) => {
-      const u = j(d), h = d.type || "boolean";
+  return /* @__PURE__ */ k(ln, { className: le("panel-tabs", { loading: n }), children: [
+    /* @__PURE__ */ i(cn, { className: "panel-header-label", children: e }),
+    /* @__PURE__ */ i(qe, {}),
+    /* @__PURE__ */ i(dn, { className: "panel-header-filters", children: s.map((d) => {
+      const u = U(d), h = d.type || "boolean";
       if (h === "enum")
         return /* @__PURE__ */ i(
-          ls,
+          pn,
           {
             options: d.options || [],
-            value: P(d),
+            value: A(d),
             onChange: (N) => g(d, N),
             isEditing: !0,
             autoOpen: !1,
             align: "right",
             type: "list_of_strings",
             valueTemplate: () => /* @__PURE__ */ i(
-              Ne,
+              Pe,
               {
                 selected: u,
                 icon: d.icon,
@@ -1159,12 +1185,12 @@ const An = T(ze)`
       if (h === "search") {
         const N = a === String(d.id);
         return /* @__PURE__ */ k(
-          rs,
+          un,
           {
-            className: ie("panel-filter", "panel-filter-search", { expanded: N }),
+            className: le("panel-filter", "panel-filter-search", { expanded: N }),
             children: [
               /* @__PURE__ */ i(
-                Ne,
+                Pe,
                 {
                   selected: u || N,
                   onClick: () => b(d),
@@ -1173,24 +1199,24 @@ const An = T(ze)`
                   "data-tooltip-delay": 0
                 }
               ),
-              N && /* @__PURE__ */ k(Ie, { children: [
+              N && /* @__PURE__ */ k(xe, { children: [
                 /* @__PURE__ */ i(
-                  cs,
+                  hn,
                   {
                     ref: f,
                     value: c,
-                    onChange: (A) => x(d, A.target.value),
-                    onKeyDown: (A) => {
-                      A.key === "Escape" && R(d);
+                    onChange: (j) => x(d, j.target.value),
+                    onKeyDown: (j) => {
+                      j.key === "Escape" && $(d);
                     },
                     placeholder: d.placeholder || "Search..."
                   }
                 ),
                 /* @__PURE__ */ i(
-                  ds,
+                  mn,
                   {
                     icon: "close",
-                    onClick: () => R(d),
+                    onClick: () => $(d),
                     "data-tooltip": "Clear",
                     "data-tooltip-delay": 0
                   }
@@ -1202,7 +1228,7 @@ const An = T(ze)`
         );
       }
       return /* @__PURE__ */ i(
-        Ne,
+        Pe,
         {
           selected: u,
           onClick: () => g(d),
@@ -1215,21 +1241,21 @@ const An = T(ze)`
       );
     }) })
   ] });
-}, rt = ["done", "isDone"], lt = (e) => !!e && "key" in e, ps = (e, n) => {
-  const t = [], o = [], s = (a) => {
+}, ct = ["done", "isDone"], dt = (e) => !!e && "key" in e, fn = (e, s) => {
+  const t = [], o = [], n = (a) => {
     if (!a) return;
-    if (lt(a)) {
+    if (dt(a)) {
       const c = a.key;
       if (c === "search") {
         const p = String(a.value ?? "");
         p && o.push({ id: p, label: p });
         return;
       }
-      const m = n.find((p) => p.id === c);
+      const m = s.find((p) => p.id === c);
       if (!m) return;
-      if (rt.includes(c)) {
+      if (ct.includes(c)) {
         a.value !== void 0 && t.push({
-          id: Se(c),
+          id: Ee(c),
           label: m.label,
           icon: m.icon,
           type: "boolean",
@@ -1241,7 +1267,7 @@ const An = T(ze)`
       if (m.type === "datetime") {
         const p = Array.isArray(a.value) ? a.value[0] : a.value;
         t.push({
-          id: Se(c),
+          id: Ee(c),
           label: m.label,
           type: "datetime",
           icon: m.icon,
@@ -1258,7 +1284,7 @@ const An = T(ze)`
       }
       const f = Array.isArray(a.value) ? a.value : [a.value];
       t.push({
-        id: Se(c),
+        id: Ee(c),
         label: m.label,
         type: m.type,
         icon: m.icon,
@@ -1270,33 +1296,33 @@ const An = T(ze)`
       });
       return;
     }
-    const r = Nn(a, n);
+    const r = Is(a, s);
     if (r) {
       t.push(r);
       return;
     }
-    a.conditions?.forEach(s);
+    a.conditions?.forEach(n);
   };
-  return e?.conditions?.forEach(s), o.length && t.push({ id: Qe, label: "", values: o }), t;
-}, hs = (e) => {
-  const n = [], t = [];
+  return e?.conditions?.forEach(n), o.length && t.push({ id: Ke, label: "", values: o }), t;
+}, bn = (e) => {
+  const s = [], t = [];
   return e.forEach((o) => {
-    const s = kt(o.id), a = (o.values || []).map((r) => r.id);
+    const n = xt(o.id), a = (o.values || []).map((r) => r.id);
     if (a.length)
-      if (s === Qe)
+      if (n === Ke)
         a.forEach(
           (r) => t.push({ key: "search", operator: "like", value: String(r) })
         );
-      else if (rt.includes(s)) {
+      else if (ct.includes(n)) {
         const r = a[0] === "true";
-        n.push({ key: s, operator: "eq", value: r });
+        s.push({ key: n, operator: "eq", value: r });
       } else if (o.type === "datetime") {
-        const r = En(s, o);
-        r && n.push(r);
+        const r = Ps(n, o);
+        r && s.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 };
-}, ct = (e) => lt(e) ? e.key !== "search" || typeof e.value != "string" ? e : Et(e.value, (n) => ({ ...e, value: n })) ?? e : { ...e, conditions: e.conditions?.map(ct) }, ms = T.div`
+        s.push({ key: n, operator: "in", value: a.map(String) });
+  }), t.length === 1 ? s.push(t[0]) : t.length > 1 && s.push({ operator: "or", conditions: t }), { operator: "and", conditions: s };
+}, ut = (e) => dt(e) ? e.key !== "search" || typeof e.value != "string" ? e : It(e.value, (s) => ({ ...e, value: s })) ?? e : { ...e, conditions: e.conditions?.map(ut) }, vn = T.div`
   padding: 4px 8px;
   padding-bottom: 0;
 
@@ -1304,16 +1330,16 @@ const An = T(ze)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, gs = ({
+`, yn = ({
   subtasksFilter: e,
-  setSubtasksFilter: n,
+  setSubtasksFilter: s,
   users: t,
   isLoading: o,
-  totalCount: s = 0,
+  totalCount: n = 0,
   doneCount: a = 0,
   onSearchTextChange: r
 }) => {
-  const c = D(
+  const c = C(
     () => [
       {
         id: "isDone",
@@ -1357,38 +1383,38 @@ const An = T(ze)`
       //   },
     ],
     [t]
-  ), m = D(() => ps(e, c), [e, c]), [f, p] = J(m), g = ee(null), b = Dn();
-  H(() => {
+  ), m = C(() => fn(e, c), [e, c]), [f, p] = X(m), g = Z(null), b = Fs();
+  B(() => {
     p(m);
   }, [JSON.stringify(m)]);
   const x = (u) => {
-    const h = hs(u);
-    n(h), r?.("");
-  }, R = (u) => {
+    const h = bn(u);
+    s(h), r?.("");
+  }, $ = (u) => {
     b.wrapFilterChange(u, f, p);
-  }, j = (u, h) => {
+  }, U = (u, h) => {
     h || r?.(u);
   };
-  let P = "";
-  s > 0 && (P = `${a}/${s}`);
-  const d = D(
-    () => [{ id: "isDone", label: P, tooltip: "Status" }],
-    [P]
+  let A = "";
+  n > 0 && (A = `${a}/${n}`);
+  const d = C(
+    () => [{ id: "isDone", label: A, tooltip: "Status" }],
+    [A]
   );
-  return /* @__PURE__ */ k(ms, { className: o ? "loading" : void 0, children: [
+  return /* @__PURE__ */ k(vn, { className: o ? "loading" : void 0, children: [
     /* @__PURE__ */ i(
-      wt,
+      St,
       {
         ref: g,
         compact: !0,
         options: c,
         filters: f,
-        onChange: R,
+        onChange: $,
         onFinish: x,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
         enableAutosuggestion: !1,
-        onSearchChange: j,
+        onSearchChange: U,
         quickActions: d,
         placeholder: "Search and filter subtasks...",
         pt: {
@@ -1406,7 +1432,7 @@ const An = T(ze)`
       }
     ),
     /* @__PURE__ */ i(
-      Sn,
+      Ds,
       {
         isOpen: !!b.customRangeFilterId,
         header: c.find((u) => u.id === b.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
@@ -1419,42 +1445,42 @@ const An = T(ze)`
       }
     )
   ] });
-}, fs = ({ ...e }) => {
-  const [n, t] = J({}), [o, s] = J(""), [a, r] = J([]), { dispatch: c } = q(), { data: m = [] } = qe({ projectName: e.projectName }), f = e.subtasks?.length || 0, p = e.subtasks?.filter((b) => b.isDone).length || 0, g = D(() => {
-    let b = n;
+}, kn = ({ ...e }) => {
+  const [s, t] = X({}), [o, n] = X(""), [a, r] = X([]), { dispatch: c } = K(), { data: m = [] } = Je({ projectName: e.projectName }), f = e.subtasks?.length || 0, p = e.subtasks?.filter((b) => b.isDone).length || 0, g = C(() => {
+    let b = s;
     if (o) {
       const x = { key: "search", operator: "like", value: o };
       b = {
-        ...n,
-        conditions: [...n.conditions || [], x],
+        ...s,
+        conditions: [...s.conditions || [], x],
         operator: "and"
       };
     }
-    return In(ct(b));
-  }, [n, o]);
-  return /* @__PURE__ */ k(Ie, { children: [
+    return As(ut(b));
+  }, [s, o]);
+  return /* @__PURE__ */ k(xe, { children: [
     /* @__PURE__ */ i(
-      us,
+      gn,
       {
         label: `Subtasks (${f})`,
         filters: [],
-        currentFilter: n,
+        currentFilter: s,
         onFilterChange: t
       }
     ),
     /* @__PURE__ */ i(
-      gs,
+      yn,
       {
-        subtasksFilter: n,
+        subtasksFilter: s,
         setSubtasksFilter: t,
         users: m,
         totalCount: f,
         doneCount: p,
-        onSearchTextChange: s
+        onSearchTextChange: n
       }
     ),
     /* @__PURE__ */ i(
-      Tn,
+      gs,
       {
         ...e,
         style: { padding: 8, height: "unset" },
@@ -1467,14 +1493,14 @@ const An = T(ze)`
       }
     )
   ] });
-}, bs = ["product", "representation"], vs = ({
+}, wn = ["product", "representation"], xn = ({
   entityType: e,
-  entitySubTypes: n = [],
+  entitySubTypes: s = [],
   // entities is data we already have from kanban
   entitiesData: t = [],
   // entityIds are used to get the full details data for the entities
   entities: o = [],
-  tagsOptions: s = [],
+  tagsOptions: n = [],
   disabledStatuses: a,
   projectUsers: r,
   disabledProjectUsers: c,
@@ -1484,320 +1510,320 @@ const An = T(ze)`
   isSlideOut: g = !1,
   style: b = {},
   scope: x,
-  isCompact: R = !1,
-  onClose: j,
-  onWatchersUpdate: P,
+  isCompact: $ = !1,
+  onClose: U,
+  onWatchersUpdate: A,
   onOpenViewer: d,
   onEntityFocus: u,
   onOpen: h,
   onUriOpen: N,
   // when the details panel is opened from uri
   // annotations
-  annotations: A,
+  annotations: j,
   removeAnnotation: E,
   exportAnnotationComposite: y,
   entityListId: w,
-  guestCategories: O = {},
+  guestCategories: R = {},
   entityListsContext: V,
-  resolveVersionJump: L
+  resolveVersionJump: M
 }) => {
   const {
-    closeSlideOut: te,
-    openPip: ne,
+    closeSlideOut: ee,
+    openPip: te,
     user: se,
-    isGuest: ae,
-    entities: I,
-    setEntities: oe,
-    slideOut: X,
-    useSearchParams: re,
-    SubtasksManager: K,
-    useNavigate: le
-  } = q(), { currentTab: $, setTab: U, isFeed: ce } = an(x), [B, be] = re(), he = ee(!1), S = I?.entityType ?? e, Y = I?.entities ?? o, ve = I?.entitySubTypes ?? n, me = I?.entities ? [] : t, Q = I?.entities ? I.entities.map((v) => v.projectName) : p;
-  Yt(
-    S ? Y.map((v) => ({ ...v, entityType: S })) : [],
-    g ? _e.slideOut : _e.detailsPanel
-  ), H(() => {
-    h && !he.current && (he.current = !0, h());
-  }, []), H(() => {
-    bs.includes(S) && $ !== "details" && U("details");
-  }, [S, $, U]), H(() => {
-    o.length && I && oe(null);
-  }, [o, I, oe]);
-  const de = D(
-    () => ot(f, Q),
-    [f, Q]
-  ), ye = D(() => tt(de), [de]);
-  H(() => {
-    $ === "files" && S !== "version" && U("feed"), $ === "subtasks" && S !== "task" && U("feed");
-  }, [S, $, x]);
-  let W = Y.length ? Y.map((v) => ({ id: v.id, projectName: v.projectName })) : (
+    isGuest: ne,
+    entities: P,
+    setEntities: ae,
+    slideOut: W,
+    useSearchParams: ce,
+    SubtasksManager: oe,
+    useNavigate: pe
+  } = K(), { currentTab: L, setTab: F, isFeed: de } = is(x), [he, ve] = ce(), ye = Z(!1), D = P?.entityType ?? e, me = P?.entities ?? o, G = P?.entitySubTypes ?? s, Se = P?.entities ? [] : t, J = P?.entities ? P.entities.map((v) => v.projectName) : p;
+  es(
+    D ? me.map((v) => ({ ...v, entityType: D })) : [],
+    g ? He.slideOut : He.detailsPanel
+  ), B(() => {
+    h && !ye.current && (ye.current = !0, h());
+  }, []), B(() => {
+    wn.includes(D) && L !== "details" && F("details");
+  }, [D, L, F]), B(() => {
+    o.length && P && ae(null);
+  }, [o, P, ae]);
+  const ie = C(
+    () => rt(f, J),
+    [f, J]
+  ), re = C(() => nt(ie), [ie]);
+  B(() => {
+    L === "files" && D !== "version" && F("feed"), L === "subtasks" && D !== "task" && F("feed");
+  }, [D, L, x]);
+  let z = me.length ? me.map((v) => ({ id: v.id, projectName: v.projectName })) : (
     // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
-    me.map((v) => ({ id: v.id, projectName: v.projectName }))
+    Se.map((v) => ({ id: v.id, projectName: v.projectName }))
   );
-  W = W.filter((v) => v.id);
+  z = z.filter((v) => v.id);
   const {
-    data: l = [],
-    isFetching: C,
-    isError: z,
-    originalArgs: dt
-  } = Ke(
-    { entityType: S, entities: W },
+    data: _ = [],
+    isFetching: Q,
+    isError: ke,
+    originalArgs: Ce
+  } = Xe(
+    { entityType: D, entities: z },
     {
-      skip: !W.length || !Ft.includes(S)
+      skip: !z.length || !Ot.includes(D)
     }
   );
-  H(() => {
-    g || te();
-  }, [dt, g]);
-  const ke = ee(null);
-  H(() => {
-    I || (ke.current = null);
-  }, [I]), H(() => {
-    if (!C && (I?.source === "uri" || I?.source === "url") && I?.entities?.length && N) {
-      const v = I.entities[0].id;
-      if (ke.current === v) return;
-      const F = l.find((M) => M.id === v);
-      if (!F) return;
-      ke.current = v, N(F, I.source);
+  B(() => {
+    g || ee();
+  }, [Ce, g]);
+  const ge = Z(null);
+  B(() => {
+    P || (ge.current = null);
+  }, [P]), B(() => {
+    if (!Q && (P?.source === "uri" || P?.source === "url") && P?.entities?.length && N) {
+      const v = P.entities[0].id;
+      if (ge.current === v) return;
+      const O = _.find((H) => H.id === v);
+      if (!O) return;
+      ge.current = v, N(O, P.source);
     }
-  }, [l, C, I, N]);
-  const Fe = st(f), G = Q[0], Ae = f[G] || {}, _ = l[0] || {}, ge = l[l.length - 1], we = Q[Q.length - 1], Oe = x === "inbox" && S === "version" && l.length === 1 ? Gn(l[0]) : void 0, [Re, ut] = ns({
-    entity: _,
-    entityType: S,
-    projectName: G,
-    isLoading: C
-  }), { setEntityUri: pt, setUri: je } = on();
-  H(() => {
-    if (!ge?.parents || !we) return;
-    const { folderPath: v, taskName: F, versionName: M, productName: Le } = Zt(
-      ge.parents,
-      S,
-      ge.name
+  }, [_, Q, P, N]);
+  const fe = ot(f), l = J[0], S = f[l] || {}, I = _[0] || {}, q = _[_.length - 1], Te = J[J.length - 1], je = x === "inbox" && D === "version" && _.length === 1 ? Ks(_[0]) : void 0, [Re, pt] = on({
+    entity: I,
+    entityType: D,
+    projectName: l,
+    isLoading: Q
+  }), { setEntityUri: ht, setUri: Ve } = rs();
+  B(() => {
+    if (!q?.parents || !Te) return;
+    const { folderPath: v, taskName: O, versionName: H, productName: _e } = ts(
+      q.parents,
+      D,
+      q.name
     );
-    return pt({
-      projectName: we,
+    return ht({
+      projectName: Te,
       folderPath: v,
-      taskName: F,
-      productName: Le,
-      versionName: M
+      taskName: O,
+      productName: _e,
+      versionName: H
     }), () => {
-      je("");
+      Ve("");
     };
-  }, [l, Q, S]), Fn({
-    entityData: ge,
-    project: we,
-    activeEntityType: S,
-    entitiesToQuery: W
+  }, [_, J, D]), js({
+    entityData: q,
+    project: Te,
+    activeEntityType: D,
+    entitiesToQuery: z
   });
-  const ht = () => {
-    be(
+  const mt = () => {
+    ve(
       (v) => {
-        const F = new URLSearchParams(v);
-        return F.delete("project"), F.delete("type"), F.delete("id"), F;
+        const O = new URLSearchParams(v);
+        return O.delete("project"), O.delete("type"), O.delete("id"), O;
       },
       { replace: !0 }
     );
-  }, xe = () => {
-    j?.(), oe(null), je(""), ht(), te();
+  }, Ne = () => {
+    U?.(), ae(null), Ve(""), mt(), ee();
   };
-  H(() => {
-    const v = (F) => {
-      if (F.key === "Escape" && j) {
-        const M = F.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(M.tagName) || M.isContentEditable || g === !1 && (M.closest("#viewer-dialog") || X)) return;
-        xe();
+  B(() => {
+    const v = (O) => {
+      if (O.key === "Escape" && U) {
+        const H = O.target;
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(H.tagName) || H.isContentEditable || g === !1 && (H.closest("#viewer-dialog") || W)) return;
+        Ne();
       }
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [xe, g, X]);
-  const { requestPipWindow: mt } = rn(), Ve = ee(null), Ue = ee(null), gt = l.length === 1 && S !== "representation", ft = D(() => {
-    const v = _?.label || _?.name || "", F = _?.parents || [], M = [G];
-    switch (S) {
+  }, [Ne, g, W]);
+  const { requestPipWindow: gt } = ls(), $e = Z(null), Le = Z(null), ft = _.length === 1 && D !== "representation", bt = C(() => {
+    const v = I?.label || I?.name || "", O = I?.parents || [], H = [l];
+    switch (D) {
       case "folder":
       case "task":
       case "product":
-        M.push(F.at(-1), v);
+        H.push(O.at(-1), v);
         break;
       case "version":
-        M.push(F.at(-2), F.at(-1), v);
+        H.push(O.at(-2), O.at(-1), v);
         break;
       case "representation":
-        M.push(F.at(-3), F.at(-2), F.at(-1), v);
+        H.push(O.at(-3), O.at(-2), O.at(-1), v);
         break;
       default:
-        M.push(v);
+        H.push(v);
     }
-    return M.filter(Boolean).join(" - ");
-  }, [_, S, G]), bt = () => {
-    ne({
-      entityType: S,
-      entities: W,
+    return H.filter(Boolean).join(" - ");
+  }, [I, D, l]), vt = () => {
+    te({
+      entityType: D,
+      entities: z,
       scope: x
-    }), mt(500, 500);
-  }, $e = () => !(Q.length > 1 || ae && (!w || !Object.prototype.hasOwnProperty.call(
-    O,
+    }), gt(500, 500);
+  }, Ue = () => !(J.length > 1 || ne && (!w || !Object.prototype.hasOwnProperty.call(
+    R,
     se.attrib?.email || ""
   )));
   return /* @__PURE__ */ i(
-    cn,
+    ds,
     {
-      thumbnailInputRef: Ve,
-      versionsInputRef: Ue,
-      canUploadVersion: gt,
-      children: /* @__PURE__ */ k(Rn, { className: "details-panel", children: [
-        /* @__PURE__ */ k(An, { children: [
+      thumbnailInputRef: $e,
+      versionsInputRef: Le,
+      canUploadVersion: ft,
+      children: /* @__PURE__ */ k($s, { className: "details-panel", children: [
+        /* @__PURE__ */ k(Rs, { children: [
           /* @__PURE__ */ i(
-            Jt,
+            Yt,
             {
               segments: Re,
-              versions: ut,
-              projectName: G,
+              versions: pt,
+              projectName: l,
               hideProjectName: g,
-              isLoading: C || !Re.length,
-              entityType: S,
+              isLoading: Q || !Re.length,
+              entityType: D,
               scope: x,
-              entityTypeIcons: ye
+              entityTypeIcons: re
             }
           ),
-          /* @__PURE__ */ k(On, { className: "right-tools", children: [
+          /* @__PURE__ */ k(Vs, { className: "right-tools", children: [
             /* @__PURE__ */ i(
-              Zn,
+              sn,
               {
-                entityType: S,
-                entityId: _?.id,
-                entityIds: W.map((v) => v.id).filter(Boolean),
-                entityLabel: ft,
-                projectName: G,
-                selectedEntities: l.filter((v) => !!v?.id).map((v) => {
-                  const F = v.entityType || S;
+                entityType: D,
+                entityId: I?.id,
+                entityIds: z.map((v) => v.id).filter(Boolean),
+                entityLabel: bt,
+                projectName: l,
+                selectedEntities: _.filter((v) => !!v?.id).map((v) => {
+                  const O = v.entityType || D;
                   return {
                     entityId: v.id,
-                    entityType: F,
+                    entityType: O,
                     hasReviewables: !!v.hasReviewables,
                     name: v.name,
                     label: v.label,
-                    projectName: v.projectName || G,
-                    folderId: F === "task" ? v.folder?.id : void 0
+                    projectName: v.projectName || l,
+                    folderId: O === "task" ? v.folder?.id : void 0
                   };
                 }),
                 entityListsContext: V,
-                onOpenPip: bt,
+                onOpenPip: vt,
                 onOpenViewer: d,
-                productId: _?.product?.id,
-                taskId: _?.task?.id,
-                folderId: _?.folder?.id
+                productId: I?.product?.id,
+                taskId: I?.task?.id,
+                folderId: I?.folder?.id
               }
             ),
             /* @__PURE__ */ i(
-              Gt,
+              qt,
               {
-                entities: W,
-                entityType: S,
+                entities: z,
+                entityType: D,
                 options: r || [],
-                onWatchersUpdate: P && P,
+                onWatchersUpdate: A && A,
                 userName: se.name
               }
             ),
-            j && /* @__PURE__ */ i(
-              Z,
+            U && /* @__PURE__ */ i(
+              Y,
               {
                 icon: "close",
                 variant: "text",
-                onClick: xe,
+                onClick: Ne,
                 "data-shortcut": "Escape"
               }
             )
           ] })
         ] }),
-        Oe && /* @__PURE__ */ i(
-          zn,
+        je && /* @__PURE__ */ i(
+          qs,
           {
-            latestVersion: Oe,
-            resolveVersionJump: L
+            latestVersion: je,
+            resolveVersionJump: M
           }
         ),
         /* @__PURE__ */ i(
-          Hn,
+          zs,
           {
-            entityType: S,
-            entitySubTypes: ve,
-            entities: l,
+            entityType: D,
+            entitySubTypes: G,
+            entities: _,
             users: r,
             disabledAssignees: c,
             disabledStatuses: a,
-            tagsOptions: s,
-            isFetching: C,
-            isCompact: R,
-            currentTab: $,
-            onTabChange: U,
-            projectInfo: de,
+            tagsOptions: n,
+            isFetching: Q,
+            isCompact: $,
+            currentTab: L,
+            onTabChange: F,
+            projectInfo: ie,
             onOpenViewer: (v) => d?.(v),
             onEntityFocus: u,
-            thumbnailInputRef: Ve,
-            versionsInputRef: Ue
+            thumbnailInputRef: $e,
+            versionsInputRef: Le
           }
         ),
-        /* @__PURE__ */ k(Ye, { projectName: G, children: [
-          ce && !z && /* @__PURE__ */ i(
-            at,
+        /* @__PURE__ */ k(et, { projectName: l, children: [
+          de && !ke && /* @__PURE__ */ i(
+            it,
             {
-              entityType: S,
-              entities: l,
+              entityType: D,
+              entities: _,
               activeUsers: m || [],
-              projectInfo: Ae,
-              projectName: G,
-              disabled: !$e(),
+              projectInfo: S,
+              projectName: l,
+              disabled: !Ue(),
               scope: x,
-              statuses: Fe,
+              statuses: fe,
               readOnly: !1,
               entityListId: w,
-              annotations: A,
+              annotations: j,
               removeAnnotation: E,
               exportAnnotationComposite: y,
               isSlideOut: g
             }
           ),
-          $ === "subtasks" && S === "task" && _?.id && K && /* @__PURE__ */ i(
-            fs,
+          L === "subtasks" && D === "task" && I?.id && oe && /* @__PURE__ */ i(
+            kn,
             {
-              projectName: G,
-              taskId: _.id,
-              taskName: _.name,
-              folderId: _.folder?.id,
-              subtasks: _.task?.subtasks || [],
-              SubtasksManager: K,
-              useNavigate: le,
-              onNotFound: () => U("feed")
+              projectName: l,
+              taskId: I.id,
+              taskName: I.name,
+              folderId: I.folder?.id,
+              subtasks: I.task?.subtasks || [],
+              SubtasksManager: oe,
+              useNavigate: pe,
+              onNotFound: () => F("feed")
             }
           ),
-          $ === "files" && /* @__PURE__ */ i(
-            Wn,
+          L === "files" && /* @__PURE__ */ i(
+            Qs,
             {
-              entities: l,
+              entities: _,
               scope: x,
-              isLoadingVersion: C
+              isLoadingVersion: Q
             }
           ),
-          $ === "details" && /* @__PURE__ */ i(
-            ss,
+          L === "details" && /* @__PURE__ */ i(
+            rn,
             {
-              entityType: S,
-              entities: l,
+              entityType: D,
+              entities: _,
               activeUsers: m || [],
-              projectInfo: Ae,
-              projectName: G,
-              disabled: !$e(),
+              projectInfo: S,
+              projectName: l,
+              disabled: !Ue(),
               scope: x,
-              statuses: Fe,
+              statuses: fe,
               readOnly: !1,
-              annotations: A,
+              annotations: j,
               removeAnnotation: E,
               exportAnnotationComposite: y,
               children: /* @__PURE__ */ i(
-                Qt,
+                Kt,
                 {
-                  entities: l,
-                  isLoading: C
+                  entities: _,
+                  isLoading: Q
                 }
               )
             }
@@ -1806,14 +1832,14 @@ const An = T(ze)`
       ] })
     }
   );
-}, ys = ({
+}, Sn = ({
   isOpen: e,
-  entityType: n,
+  entityType: s,
   ...t
 }) => {
-  const { entities: o } = q();
-  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(vs, { ...t, entityType: n || o?.entityType });
-}, ks = Tt`
+  const { entities: o } = K();
+  return !e && !o || !s && !o ? null : /* @__PURE__ */ i(xn, { ...t, entityType: s || o?.entityType });
+}, Cn = Et`
 from {
   translate: 0 0;
 }
@@ -1821,7 +1847,7 @@ to {
   translate: calc(-100% - 8px) 0;
 
 }
-`, ws = T.div`
+`, Tn = T.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1830,14 +1856,14 @@ to {
   width: 100%;
   max-width: 533px;
 
-  animation: ${ks} 0.2s ease forwards;
-`, ka = ({ projectsInfo: e, scope: n }) => {
-  const { slideOut: t, onOpenViewer: o } = q(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: m } = qe({ projectName: r }, { skip: !r }), f = e[r || ""] || {}, { tags: p = [] } = f, { closeSlideOut: g } = q(), b = () => g(), x = (R) => o?.(R);
-  return c ? /* @__PURE__ */ i(ws, { children: /* @__PURE__ */ i(
-    ys,
+  animation: ${Cn} 0.2s ease forwards;
+`, Ca = ({ projectsInfo: e, scope: s }) => {
+  const { slideOut: t, onOpenViewer: o } = K(), { entityType: n, entityId: a, projectName: r } = t || {}, c = !!n && !!a && !!r, { data: m } = Je({ projectName: r }, { skip: !r }), f = e[r || ""] || {}, { tags: p = [] } = f, { closeSlideOut: g } = K(), b = () => g(), x = ($) => o?.($);
+  return c ? /* @__PURE__ */ i(Tn, { children: /* @__PURE__ */ i(
+    Sn,
     {
       isOpen: !0,
-      entityType: s,
+      entityType: n,
       entitySubTypes: [],
       entities: [{ id: a, projectName: r }],
       projectsInfo: { [r]: f },
@@ -1846,26 +1872,26 @@ to {
       projectUsers: m,
       activeProjectUsers: m,
       isSlideOut: !0,
-      scope: n,
+      scope: s,
       onClose: b,
       onOpenViewer: x
     }
   ) }) : null;
 };
-T(Pn)`
+T(Os)`
   .p-dialog-header-icons {
     display: none;
   }
   .p-dialog-content {
   }
 `;
-const xs = T.div`
+const Nn = T.div`
   display: flex;
   flex-direction: column;
   margin: -8px;
   width: calc(100% + 16px);
   height: calc(100% + 16px);
-`, Ss = T.header`
+`, En = T.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -1877,7 +1903,7 @@ const xs = T.div`
       display: none;
     }
   }
-`, Cs = T.div`
+`, Dn = T.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1914,12 +1940,12 @@ const xs = T.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Ts = T.div`
+`, In = T.div`
   display: flex;
   justify-content: space-between;
   padding: 8px;
   padding-top: 0;
-`, Ns = T.div`
+`, Pn = T.div`
   border-top: solid 1px var(--md-sys-color-outline-variant);
   height: 100%;
   overflow: hidden;
@@ -1938,7 +1964,7 @@ const xs = T.div`
       display: none;
     }
   }
-`, Es = T.div`
+`, Fn = T.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1949,84 +1975,84 @@ const xs = T.div`
   .icon {
     font-variation-settings: 'FILL' 1;
   }
-`, wa = () => {
-  const { pip: e } = q(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((y) => y.projectName), { data: r = [] } = At({ projects: a }, { skip: !s }), { data: c = {}, isFetching: m } = Ot(
+`, Ta = () => {
+  const { pip: e } = K(), s = e?.entityType, t = e?.entities || [], o = e?.scope || "", n = t.length > 0 && !!s, a = t.map((y) => y.projectName), { data: r = [] } = jt({ projects: a }, { skip: !n }), { data: c = {}, isFetching: m } = Rt(
     {
       projects: a
     },
-    { skip: !s }
-  ), f = D(
-    () => st(c, a),
+    { skip: !n }
+  ), f = C(
+    () => ot(c, a),
     [c, a]
-  ), { data: p = [], isFetching: g } = Ke(
+  ), { data: p = [], isFetching: g } = Xe(
     // @ts-expect-error
-    { entityType: n, entities: t },
+    { entityType: s, entities: t },
     {
-      skip: !s || m
+      skip: !n || m
     }
-  ), b = D(
-    () => ot(c, a),
+  ), b = C(
+    () => rt(c, a),
     [c, a]
-  ), x = D(
+  ), x = C(
     () => ({
       task: b.taskTypes.filter((y) => !!y.icon).reduce((y, w) => ({ ...y, [w.name]: w.icon }), {}),
       folder: b.folderTypes.filter((y) => !!y.icon).reduce((y, w) => ({ ...y, [w.name]: w.icon }), {}),
       product: b.productTypes.filter((y) => !!y.icon).reduce((y, w) => ({ ...y, [w.name]: w.icon }), {})
     }),
     [b]
-  ), R = D(
-    () => n ? et(p, n, x) : [],
-    [p, n]
-  ), j = D(() => r.filter((y) => p.some((w) => w?.task?.assignees?.includes(y.name))).map((y) => ({ ...y, avatarUrl: `/api/users/${y.name}/avatar` })), [r, t]), P = p[0];
-  if (!p.length || !P) return null;
+  ), $ = C(
+    () => s ? st(p, s, x) : [],
+    [p, s]
+  ), U = C(() => r.filter((y) => p.some((w) => w?.task?.assignees?.includes(y.name))).map((y) => ({ ...y, avatarUrl: `/api/users/${y.name}/avatar` })), [r, t]), A = p[0];
+  if (!p.length || !A) return null;
   if (g) return /* @__PURE__ */ i("div", { children: "Loading..." });
-  const d = P?.projectName, N = p.some((y) => y?.status !== P?.status) ? {
+  const d = A?.projectName, N = p.some((y) => y?.status !== A?.status) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
-  } : f.find((y) => y.name === P?.status) || {
+  } : f.find((y) => y.name === A?.status) || {
     icon: "",
     color: "",
     name: "None"
   };
-  if (!n) return null;
-  const { title: A, subTitle: E } = nt(p, n);
-  return /* @__PURE__ */ i(ln, { children: /* @__PURE__ */ i(Ye, { projectName: d, children: /* @__PURE__ */ k(xs, { children: [
-    /* @__PURE__ */ k(Ss, { children: [
-      /* @__PURE__ */ i(Je, { thumbnails: R }),
-      /* @__PURE__ */ k(Cs, { children: [
-        /* @__PURE__ */ i("h2", { children: A }),
+  if (!s) return null;
+  const { title: j, subTitle: E } = at(p, s);
+  return /* @__PURE__ */ i(cs, { children: /* @__PURE__ */ i(et, { projectName: d, children: /* @__PURE__ */ k(Nn, { children: [
+    /* @__PURE__ */ k(En, { children: [
+      /* @__PURE__ */ i(Ye, { thumbnails: $ }),
+      /* @__PURE__ */ k(Dn, { children: [
+        /* @__PURE__ */ i("h2", { children: j }),
         /* @__PURE__ */ k("div", { className: "sub-title", children: [
           /* @__PURE__ */ k("span", { children: [
-            Xe(n),
+            Ze(s),
             " - "
           ] }),
           /* @__PURE__ */ i("h3", { children: E })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k(Ts, { children: [
+    /* @__PURE__ */ k(In, { children: [
       /* @__PURE__ */ k(
-        Es,
+        Fn,
         {
           style: {
             backgroundColor: N?.color,
-            color: Ee(N?.color)
+            color: Fe(N?.color)
           },
           children: [
-            /* @__PURE__ */ i(fe, { icon: N.icon || "question_mark", style: { color: "inherit" } }),
+            /* @__PURE__ */ i(we, { icon: N.icon || "question_mark", style: { color: "inherit" } }),
             /* @__PURE__ */ i("span", { className: "label", children: N?.name })
           ]
         }
       ),
-      /* @__PURE__ */ i(xt, { users: j, style: { pointerEvents: "none" } })
+      /* @__PURE__ */ i(Ct, { users: U, style: { pointerEvents: "none" } })
     ] }),
-    /* @__PURE__ */ i(Ns, { children: /* @__PURE__ */ i(
-      at,
+    /* @__PURE__ */ i(Pn, { children: /* @__PURE__ */ i(
+      it,
       {
-        entityType: n,
+        entityType: s,
         entities: p,
-        thumbnailHash: P?.thumbnailHash,
+        thumbnailHash: A?.thumbnailHash,
         activeUsers: [],
         projectInfo: c[d],
         projectName: d,
@@ -2039,23 +2065,23 @@ const xs = T.div`
   ] }) }) });
 };
 export {
-  Wt as AssigneeSelect,
-  Ca as CloseButton,
-  Lt as Content,
-  Ta as ContentRow,
-  ys as DetailsPanel,
-  wa as DetailsPanelFloating,
-  ka as DetailsPanelSlideOut,
-  Na as Footer,
+  Gt as AssigneeSelect,
+  Da as CloseButton,
+  Mt as Content,
+  Ia as ContentRow,
+  Sn as DetailsPanel,
+  Ta as DetailsPanelFloating,
+  Ca as DetailsPanelSlideOut,
+  Pa as Footer,
   Ut as Grid,
-  $t as Header,
-  Vt as HeaderContainer,
-  Ea as LabelWrapper,
-  zt as PriorityEnumDropdown,
-  Ht as ReadOnlyTags,
-  Bt as StatusSelect,
-  Mt as TagsSelect,
-  Da as ThumbnailWrapper,
-  _t as Title,
-  bs as entitiesWithoutFeed
+  _t as Header,
+  Lt as HeaderContainer,
+  Fa as LabelWrapper,
+  Qt as PriorityEnumDropdown,
+  Wt as ReadOnlyTags,
+  zt as StatusSelect,
+  Bt as TagsSelect,
+  Aa as ThumbnailWrapper,
+  Ht as Title,
+  wn as entitiesWithoutFeed
 };