@ynput/ayon-frontend-shared 0.7.2 → 0.7.4

package/dist/DetailsPanel.es.js

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