@ynput/ayon-frontend-shared 0.4.6 → 0.5.0

package/dist/DetailsPanel.es.js

@@ -1,39 +1,40 @@
 import { jsxs as k, jsx as i, Fragment as Ne } from "react/jsx-runtime";
-import { Toolbar as _e, Panel as ht, Button as ee, Spacer as Me, Icon as fe, getTextColor as He, Dialog as mt, SEARCH_FILTER_ID as Be, buildFilterId as ke, getFilterFromId as ft, SearchFilter as gt, AssigneeField as bt } from "@ynput/ayon-react-components";
-import { useEffect as W, useRef as te, useMemo as D, useState as K, useContext as vt, useId as yt } from "react";
-import S, { keyframes as kt } from "styled-components";
+import { Toolbar as Me, Panel as gt, Button as X, Spacer as He, Icon as fe, getTextColor as Be, Dialog as ft, SEARCH_FILTER_ID as We, buildFilterId as ke, getFilterFromId as bt, SearchFilter as vt, AssigneeField as yt } from "@ynput/ayon-react-components";
+import { useEffect as W, useRef as Y, useMemo as I, useState as K, useContext as kt, useId as wt } from "react";
+import S, { keyframes as xt } from "styled-components";
 import "./chunks/searchTerms.es.js";
-import { bj as wt, bH as xt, bV as St, cp as We, br as ze, s as Ct, bL as Tt, c4 as Nt } from "./chunks/getUris.es.js";
+import { bk as St, bI as Ct, bW as Tt, cq as ze, bs as Ge, s as Nt, bM as Dt, c5 as It } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
-import { c as Dt, a as Pt, H as Et, G as It, y as Ft, w as Ge, z as jt, A as Ot, B as At, E as Rt, I as Ut, J as Lt, W as Vt, s as $t } from "./chunks/Watchers.es.js";
-import { K as fa, N as ga, O as ba, Q as va, T as ya } from "./chunks/Watchers.es.js";
-import { E as _t, R as Mt, a as Ht } from "./chunks/EntityPath.es.js";
-import { T as Bt, h as Wt, i as zt, j as Gt, e as Qt, b as qt } from "./chunks/DeleteEntitiesContext.es.js";
-import { union as we, upperFirst as Qe } from "lodash";
+import { c as Pt, a as Et, H as Ft, G as jt, y as At, w as Qe, z as Ot, A as Rt, B as Ut, E as Vt, I as Lt, J as $t, W as _t, s as Mt } from "./chunks/Watchers.es.js";
+import { K as wa, N as xa, O as Sa, Q as Ca, T as Ta } from "./chunks/Watchers.es.js";
+import { E as Ht, R as Bt, a as Wt } from "./chunks/EntityPath.es.js";
+import { T as zt, h as Gt, i as Qt, j as qt, e as Kt, b as Jt } from "./chunks/DeleteEntitiesContext.es.js";
+import { union as we, upperFirst as qe } from "lodash";
 import "react-toastify";
 import "uuid";
-import { g as Kt, e as Jt } from "./chunks/extractEntityHierarchyFromParents.es.js";
-import { P as qe } from "./chunks/ProjectContext.es.js";
-import { c as q, u as Xt, d as Yt, e as Zt } from "./chunks/MenuContext.es.js";
-import se from "clsx";
-import { A as en } from "./chunks/Actions.es.js";
+import { g as Xt, e as Yt } from "./chunks/extractEntityHierarchyFromParents.es.js";
+import { P as Ke } from "./chunks/ProjectContext.es.js";
+import { c as G, u as Zt, d as en, e as tn } from "./chunks/MenuContext.es.js";
+import oe from "clsx";
+import { A as nn } from "./chunks/Actions.es.js";
 import { g as xe } from "./chunks/getEntityTypeIcon.es.js";
-import { P as tn, a as Ke, m as nn } from "./chunks/PlayableIcon.es.js";
-import { R as sn } from "./chunks/RepresentationsList.es.js";
-import { d as an, c as on } from "./chunks/Menu.es.js";
-import { D as rn } from "./chunks/DetailsDialog.es.js";
-import { u as ln } from "./chunks/VersionUploadContext.es.js";
-import { p as cn } from "./chunks/pluralize.es.js";
-import { c as dn } from "./chunks/copyToClipboard.es.js";
-import { a as un } from "./chunks/ProjectFoldersContext.es.js";
-import { F as pn, a as hn } from "./chunks/Feed.es.js";
-import { l as mn, e as fn } from "./chunks/MetaWidget.es.js";
-import { t as gn, c as bn } from "./chunks/queryFilterToClientFilter.es.js";
-import { u as vn } from "./chunks/useDateRangeFilter.es.js";
-import { C as yn } from "./chunks/ThumbnailSimple.es.js";
+import { P as sn, a as Je, m as an } from "./chunks/PlayableIcon.es.js";
+import { R as on } from "./chunks/RepresentationsList.es.js";
+import { I as rn } from "./chunks/InfoMessage.es.js";
+import { M as ln, a as cn } from "./chunks/Menu.es.js";
+import { D as dn } from "./chunks/DetailsDialog.es.js";
+import { u as un } from "./chunks/VersionUploadContext.es.js";
+import { p as pn } from "./chunks/pluralize.es.js";
+import { c as mn } from "./chunks/copyToClipboard.es.js";
+import { a as hn } from "./chunks/ProjectFoldersContext.es.js";
+import { F as gn, a as fn } from "./chunks/Feed.es.js";
+import { l as bn, e as vn } from "./chunks/MetaWidget.es.js";
+import { t as yn, c as kn } from "./chunks/queryFilterToClientFilter.es.js";
+import { u as wn } from "./chunks/useDateRangeFilter.es.js";
+import { C as xn } from "./chunks/ThumbnailSimple.es.js";
 import "./chunks/useLocalStorage.es.js";
 import "@module-federation/enhanced/runtime";
-import "/home/jakub/code/ynput/ayon-frontend/shared/node_modules/semver/semver.js";
+import "semver";
 import "react-dom";
 import "./chunks/GlobalContext.es.js";
 import "./chunks/ProjectFoldersContextInstance.es.js";
@@ -42,12 +43,12 @@ import "./chunks/ViewsContext.es.js";
 import "axios";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
-import "/home/jakub/code/ynput/ayon-frontend/shared/node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import "@dnd-kit/utilities";
 import "./chunks/useCreateContextMenu.es.js";
 import "custom-protocol-check";
 import "./chunks/SimpleForm.es.js";
-import { Dialog as kn } from "primereact/dialog";
-function wn({
+import { Dialog as Sn } from "primereact/dialog";
+function Cn({
   entityData: e,
   project: n,
   activeEntityType: t,
@@ -57,13 +58,13 @@ function wn({
     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((h) => h.projectName === n).map((h) => h.id).filter(Boolean)[0];
+    const r = (o || []).filter((p) => p.projectName === n).map((p) => p.id).filter(Boolean)[0];
     r && a.set("id", r);
     const c = `${s.pathname}?${a.toString()}`;
     window.history.replaceState({}, "", c);
   }, [e, n, t, o]);
 }
-const xn = S(_e)`
+const Tn = S(Me)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -75,7 +76,7 @@ const xn = S(_e)`
   & > * {
     min-width: max-content;
   }
-`, Sn = S.div`
+`, Nn = S.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
@@ -84,28 +85,28 @@ const xn = S(_e)`
   right: 0;
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-low);
-`, Cn = S(ht)`
+`, Dn = S(gt)`
   gap: 0px;
   height: 100%;
   padding: 0px;
   box-shadow: -2px 0 6px #00000047;
   z-index: 300;
-`, Tn = S(_e)`
+`, In = S(Me)`
   border-radius: 8px 8px 0 0;
   gap: var(--base-gap-small) !important;
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, Nn = ["product", "representation"], Dn = ["task"], Pn = ({
+`, Pn = ["product", "representation"], En = ["task"], Fn = ({
   entityType: e,
   currentTab: n,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !Nn.includes(e), a = Dn.includes(e);
-  return /* @__PURE__ */ k(Tn, { className: o ? "loading" : "", children: [
+  const s = !Pn.includes(e), a = En.includes(e);
+  return /* @__PURE__ */ k(In, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
-      ee,
+      X,
       {
         icon: "forum",
         selected: n === "feed",
@@ -116,7 +117,7 @@ const xn = S(_e)`
       }
     ),
     a && /* @__PURE__ */ i(
-      ee,
+      X,
       {
         icon: "checklist",
         selected: n === "subtasks",
@@ -126,9 +127,9 @@ const xn = S(_e)`
         variant: "text"
       }
     ),
-    /* @__PURE__ */ i(Me, {}),
+    /* @__PURE__ */ i(He, {}),
     e === "version" && /* @__PURE__ */ i(
-      ee,
+      X,
       {
         icon: "order_play",
         onClick: () => t("files"),
@@ -139,7 +140,7 @@ const xn = S(_e)`
       }
     ),
     /* @__PURE__ */ i(
-      ee,
+      X,
       {
         onClick: () => t("details"),
         selected: n === "details",
@@ -149,12 +150,12 @@ const xn = S(_e)`
       }
     )
   ] });
-}, En = S.div`
+}, jn = S.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   overflow: hidden;
-`, In = S.button`
+`, An = S.button`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -176,14 +177,14 @@ const xn = S(_e)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, Fn = ({ entity: e, taskTypes: n }) => {
-  const { openSlideOut: t } = q(), { projectName: o } = e, s = e.task?.name ? e.task : void 0;
+`, On = ({ entity: e, taskTypes: n }) => {
+  const { openSlideOut: t } = G(), { projectName: o } = e, s = e.task?.name ? e.task : void 0;
   if (!s?.id) return null;
   const a = n.find((r) => r.name === s.taskType);
-  return /* @__PURE__ */ k(En, { className: "linked-task", children: [
+  return /* @__PURE__ */ k(jn, { className: "linked-task", children: [
     /* @__PURE__ */ i("span", { children: "Task" }),
     /* @__PURE__ */ k(
-      In,
+      An,
       {
         onClick: () => t({ entityId: s.id, entityType: "task", projectName: o }),
         children: [
@@ -193,7 +194,7 @@ const xn = S(_e)`
       }
     )
   ] });
-}, Je = (e, n, t) => {
+}, Xe = (e, n, t) => {
   if (!e[0]) return [];
   if (n === "representation") return [{ icon: "view_in_ar" }];
   const o = (s) => {
@@ -213,11 +214,11 @@ const xn = S(_e)`
     thumbnailHash: s.thumbnailHash,
     projectName: s.projectName
   }));
-}, Se = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), Xe = (e) => ({
+}, Se = (e) => e.filter((n) => !!n.icon).reduce((n, t) => ({ ...n, [t.name]: t.icon }), {}), Ye = (e) => ({
   task: Se(e.taskTypes),
   folder: Se(e.folderTypes),
   product: Se(e.productTypes)
-}), Ye = (e, n) => {
+}), Ze = (e, n) => {
   const t = e.length > 1, o = e[0];
   if (t)
     return {
@@ -252,7 +253,7 @@ const xn = S(_e)`
         subTitle: o.entityType || "Unknown Type"
       };
   }
-}, jn = ({
+}, Rn = ({
   entityType: e,
   entitySubTypes: n,
   entities: t = [],
@@ -261,26 +262,26 @@ const xn = S(_e)`
   disabledStatuses: a,
   tagsOptions: r = [],
   isFetching: c,
-  isCompact: h = !1,
+  isCompact: p = !1,
   currentTab: b,
-  onTabChange: p,
-  projectInfo: f,
-  onOpenViewer: g,
+  onTabChange: u,
+  projectInfo: g,
+  onOpenViewer: f,
   onEntityFocus: x,
-  thumbnailInputRef: O,
+  thumbnailInputRef: A,
   versionsInputRef: R
 }) => {
-  const { useSearchParams: P, useNavigate: l, bundleMode: u } = q(), m = l(), [C, j] = P(), T = te(null), v = D(() => Xe(f), [f]), w = Dt(
-    t.map((d) => d.projectName),
+  const { useSearchParams: E, useNavigate: l, bundleMode: d } = G(), h = l(), [C, j] = E(), T = Y(null), v = I(() => Ye(g), [g]), w = Pt(
+    t.map((m) => m.projectName),
     [e]
-  ), A = D(() => e === "task" ? we(...t.map((d) => d.task?.assignees || [])) : e === "version" ? we(
-    ...t.map((d) => {
-      const I = d.version?.author;
-      return Array.isArray(I) ? I : I ? [I] : [];
+  ), O = I(() => e === "task" ? we(...t.map((m) => m.task?.assignees || [])) : e === "version" ? we(
+    ...t.map((m) => {
+      const D = m.version?.author;
+      return Array.isArray(D) ? D : D ? [D] : [];
     })
   ) : [], [t, e]);
   let U = t[0];
-  const L = t.length === 0 || !U || c;
+  const _ = t.length === 0 || !U || c;
   U || (U = {
     parents: [],
     id: "placeholder",
@@ -296,79 +297,79 @@ const xn = S(_e)`
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const ae = t.length > 1 ? void 0 : U?.projectName;
-  t.filter((d) => d.projectName === U?.projectName && d.id).map((d) => d.id);
-  const { data: J } = wt({ attributeName: "priority" }), oe = Kt(J, e), E = D(
-    () => Je(t, e, v),
+  const Z = t.length > 1 ? void 0 : U?.projectName;
+  t.filter((m) => m.projectName === U?.projectName && m.id).map((m) => m.id);
+  const { data: ee } = St({ attributeName: "priority" }), te = Xt(ee, e), ne = I(
+    () => Xe(t, e, v),
     [t, e, v]
-  ), Q = D(() => t.map((d) => d.status), [t]), ie = D(() => t.map((d) => d.attrib?.priority), [t]), ce = D(() => t.map((d) => d.tags), [t]), re = D(
-    () => r.reduce((d, I) => (d[I.name] = I, d), {}),
+  ), P = I(() => t.map((m) => m.status), [t]), se = I(() => t.map((m) => m.attrib?.priority), [t]), ie = I(() => t.map((m) => m.tags), [t]), le = I(
+    () => r.reduce((m, D) => (m[D.name] = D, m), {}),
     [r]
-  ), X = t.length > 1, V = !X && !!U?.hasReviewables, M = E.length === 1, { updateEntity: $ } = Pt({
-    entities: t.map((d) => ({
-      id: d.id,
-      projectName: d.projectName,
-      users: d.task?.assignees || [],
-      folderId: d.folder?.id,
-      productId: d.product?.id
+  ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, L = ne.length === 1, { updateEntity: V } = Et({
+    entities: t.map((m) => ({
+      id: m.id,
+      projectName: m.projectName,
+      users: m.task?.assignees || [],
+      folderId: m.folder?.id,
+      productId: m.product?.id
     })),
     entityType: e
-  }), Y = (d, I) => I == null ? console.error("value is null or undefined") : $(d, I), le = () => {
-    let d, I = U.id, z = e + "Id";
-    e === "version" && U.product?.id && (d = [U.id], I = U.product?.id, z = "productId"), I && g({
-      [z]: I,
-      projectName: ae,
-      versionIds: d
+  }), q = (m, D) => D == null ? console.error("value is null or undefined") : V(m, D), ce = () => {
+    let m, D = U.id, H = e + "Id";
+    e === "version" && U.product?.id && (m = [U.id], D = U.product?.id, H = "productId"), D && f({
+      [H]: D,
+      projectName: Z,
+      versionIds: m
     });
-  }, de = (e === "task" || e === "version") && (A.length > 0 || e === "task"), N = s.map((d) => d);
-  if (de) {
-    const d = s.map((z) => z.name), I = A.filter((z) => !d.includes(z));
-    I.length && N.push(...I.map((z) => ({ name: z, fullName: z })));
+  }, pe = (e === "task" || e === "version") && (O.length > 0 || e === "task"), de = s.map((m) => m);
+  if (pe) {
+    const m = s.map((H) => H.name), D = O.filter((H) => !m.includes(H));
+    D.length && de.push(...D.map((H) => ({ name: H, fullName: H })));
   }
-  const { title: pe, subTitle: ge } = Ye(t, e), he = w?.length !== 0 && w?.find((d) => d.name === Q[0]);
-  return /* @__PURE__ */ i(Et, { children: /* @__PURE__ */ i(
-    _t,
+  const { title: N, subTitle: me } = Ze(t, e), he = w?.length !== 0 && w?.find((m) => m.name === P[0]);
+  return /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ i(
+    Ht,
     {
       entities: t,
       entityType: e,
-      projectName: ae,
-      thumbnailInputRef: O,
+      projectName: Z,
+      thumbnailInputRef: A,
       versionsInputRef: R,
-      onVersionCreated: (d) => x?.(d, "version"),
-      children: /* @__PURE__ */ k(It, { className: se("details-panel-header", { isCompact: h }), children: [
+      onVersionCreated: (m) => x?.(m, "version"),
+      children: /* @__PURE__ */ k(jt, { className: oe("details-panel-header", { isCompact: p }), children: [
         /* @__PURE__ */ k(
-          Ft,
+          At,
           {
-            className: se("titles", { isCompact: h, loading: L }, "no-shimmer"),
+            className: oe("titles", { isCompact: p, loading: _ }, "no-shimmer"),
             children: [
               /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i(
-                  Ge,
+                  Qe,
                   {
-                    isLoading: L,
-                    shimmer: L,
-                    thumbnails: E,
-                    onClick: M ? le : void 0,
-                    hoverIcon: V ? "play_circle" : void 0
+                    isLoading: _,
+                    shimmer: _,
+                    thumbnails: ne,
+                    onClick: L ? ce : void 0,
+                    hoverIcon: re ? "play_circle" : void 0
                   }
                 ),
-                V && /* @__PURE__ */ i(tn, {})
+                re && /* @__PURE__ */ i(sn, {})
               ] }),
-              /* @__PURE__ */ k(jt, { className: se({ loading: L }), children: [
-                /* @__PURE__ */ k(Ot, { children: [
-                  /* @__PURE__ */ i("h2", { children: pe }),
+              /* @__PURE__ */ k(Ot, { className: oe({ loading: _ }), children: [
+                /* @__PURE__ */ k(Rt, { children: [
+                  /* @__PURE__ */ i("h2", { children: N }),
                   /* @__PURE__ */ i(
-                    At,
+                    Ut,
                     {
                       ref: T,
-                      value: we(...ce),
-                      tags: re,
+                      value: we(...ie),
+                      tags: le,
                       options: [],
                       editable: !0,
                       editor: !0,
-                      onChange: (d) => Y("tags", d),
+                      onChange: (m) => q("tags", m),
                       align: "right",
-                      styleDropdown: { display: L ? "none" : "unset" },
+                      styleDropdown: { display: _ ? "none" : "unset" },
                       className: "tags-select",
                       itemClassName: "details-tag"
                     }
@@ -376,16 +377,16 @@ const xn = S(_e)`
                 ] }),
                 /* @__PURE__ */ k("div", { className: "sub-title", children: [
                   /* @__PURE__ */ k("span", { className: "entity-type", children: [
-                    Qe(e),
+                    qe(e),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i("h3", { children: ge })
+                  /* @__PURE__ */ i("h3", { children: me })
                 ] }),
-                e === "version" && !X && !L && U && /* @__PURE__ */ i(
-                  Fn,
+                e === "version" && !Q && !_ && U && /* @__PURE__ */ i(
+                  On,
                   {
                     entity: U,
-                    taskTypes: f.taskTypes
+                    taskTypes: g.taskTypes
                   },
                   U.id
                 )
@@ -394,76 +395,76 @@ const xn = S(_e)`
           }
         ),
         /* @__PURE__ */ i(
-          Rt,
+          Vt,
           {
-            value: Q,
+            value: P,
             options: w || [],
             disabledValues: a,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (d) => Y("status", d),
-            className: se("status-select", { loading: L }),
-            align: h ? "right" : "left",
-            $textColor: He(he !== void 0 ? he.color : "#OOO")
+            onChange: (m) => q("status", m),
+            className: oe("status-select", { loading: _ }),
+            align: p ? "right" : "left",
+            $textColor: Be(he !== void 0 ? he.color : "#OOO")
           }
         ),
-        !h && (!de || L ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
-          Ut,
+        !p && (!pe || _ ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(
+          Lt,
           {
-            value: A,
-            options: N,
-            disabledValues: o.map((d) => d.name),
-            isMultiple: X && A.length > 1 && e === "task",
+            value: O,
+            options: de,
+            disabledValues: o.map((m) => m.name),
+            isMultiple: Q && O.length > 1 && e === "task",
             readOnly: e !== "task",
             emptyMessage: e === "task" ? "Assign user" : "",
             align: "right",
-            onChange: (d) => Y("assignees", d),
+            onChange: (m) => q("assignees", m),
             className: "assignee-select",
-            "data-tooltip": A.length ? e === "task" ? "Assigned users" : "Author" : ""
+            "data-tooltip": O.length ? e === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i(
-          en,
+          nn,
           {
             entities: t,
             entityType: e,
             entitySubTypes: n,
-            isLoadingEntity: !!c || !!L,
+            isLoadingEntity: !!c || !!_,
             searchParams: C,
-            bundleMode: u,
+            bundleMode: d,
             onSetSearchParams: j,
-            onNavigate: m
+            onNavigate: h
           }
         ),
-        oe ? /* @__PURE__ */ i(
-          Lt,
+        te ? /* @__PURE__ */ i(
+          $t,
           {
-            options: oe,
+            options: te,
             placeholder: "No priority",
-            value: ie,
-            onChange: (d) => Y("attrib", { priority: d[0] }),
+            value: se,
+            onChange: (m) => q("attrib", { priority: m[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i("div", { style: { height: 32 } }),
         /* @__PURE__ */ i(
-          Pn,
+          Fn,
           {
             entityType: e,
             currentTab: b,
-            onTabChange: p,
-            isLoading: L
+            onTabChange: u,
+            isLoading: _
           }
         )
       ] })
     }
   ) });
-}, On = S.div`
+}, Un = S.div`
   display: flex;
   flex-direction: column;
 
   height: 100%;
   overflow: hidden;
-`, Ue = S.div`
+`, Ve = S.div`
   position: relative;
   flex: 1;
   display: flex;
@@ -477,7 +478,7 @@ const xn = S(_e)`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, An = ({
+`, Vn = ({
   entities: e = [],
   scope: n,
   isLoadingVersion: t
@@ -485,11 +486,11 @@ const xn = S(_e)`
   const o = e[0];
   if (!o) return null;
   let s = "Reviewables";
-  return e.length > 1 && (s += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ k(On, { children: [
-    /* @__PURE__ */ k(Ue, { children: [
+  return e.length > 1 && (s += ` (${o.name})`), e.some((a) => a.entityType !== "version") ? null : /* @__PURE__ */ k(Un, { children: [
+    /* @__PURE__ */ k(Ve, { children: [
       /* @__PURE__ */ i("h4", { children: s }),
       /* @__PURE__ */ i(
-        Mt,
+        Bt,
         {
           projectName: o.projectName,
           productId: o.product?.id,
@@ -499,17 +500,41 @@ const xn = S(_e)`
         }
       )
     ] }),
-    /* @__PURE__ */ k(Ue, { children: [
+    /* @__PURE__ */ k(Ve, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(sn, { entities: e })
+      /* @__PURE__ */ i(on, { entities: e })
     ] })
   ] });
-}, Rn = () => ({
-  onOpenVersionUpload: ln()?.onOpenVersionUpload ?? null
-}), Un = (e, n, t) => {
+}, Ln = (e) => {
+  const n = e?.version?.version, t = e?.product?.latestVersion;
+  if (!(e?.entityType !== "version" || !n || n <= 0 || !t?.active))
+    return t.version > n ? t : void 0;
+}, $n = ({
+  latestVersion: e,
+  resolveVersionJump: n
+}) => {
+  const t = n?.(e.id);
+  return /* @__PURE__ */ i(
+    rn,
+    {
+      variant: "info",
+      compact: !0,
+      style: { margin: "var(--padding-m) var(--padding-m) 0" },
+      message: `A newer version (${e.name}) exists.`,
+      action: t ? {
+        label: `Go to ${e.name}`,
+        icon: "arrow_right_alt",
+        iconPosition: "right",
+        callback: t
+      } : void 0
+    }
+  );
+}, _n = () => ({
+  onOpenVersionUpload: un()?.onOpenVersionUpload ?? null
+}), Mn = (e, n, t) => {
   const o = e === "folder" || e === "task" ? "overview" : e === "product" || e === "version" || e === "representation" ? "products" : null;
   return o ? `${typeof window < "u" ? window.location.origin : ""}/projects/${t}/${o}?project=${t}&type=${e}&id=${n}` : null;
-}, Ln = ({
+}, Hn = ({
   entityType: e,
   entityId: n,
   projectName: t,
@@ -518,81 +543,81 @@ const xn = S(_e)`
   canUploadThumbnail: a,
   canUploadVersion: r,
   canOpenPip: c,
-  canOpenViewer: h,
+  canOpenViewer: p,
   canDelete: b,
-  entityListsContext: p,
-  onPip: f,
-  onOpenViewer: g,
+  entityListsContext: u,
+  onPip: g,
+  onOpenViewer: f,
   onUploadThumbnail: x,
-  onUploadVersion: O,
+  onUploadVersion: A,
   onShare: R,
-  onViewData: P,
+  onViewData: E,
   onDelete: l
 }) => {
-  const u = D(() => o.length ? o.filter((m) => !!m?.entityId).map((m) => ({
-    entityId: m.entityId,
-    entityType: m.entityType || e,
-    hasReviewables: m.hasReviewables
+  const d = I(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
+    entityId: h.entityId,
+    entityType: h.entityType || e,
+    hasReviewables: h.hasReviewables
   })) : n ? [{ entityId: n, entityType: e }] : [], [o, n, e]);
-  return D(() => {
-    const m = [];
-    if (h && m.push({
+  return I(() => {
+    const h = [];
+    if (p && h.push({
       id: "open-in-viewer",
       label: "Open in viewer",
       icon: "play_circle",
-      onClick: g
-    }), c && m.push({
+      onClick: f
+    }), c && h.push({
       id: "picture-in-picture",
       label: "Picture in picture",
       icon: "picture_in_picture",
-      onClick: f
-    }), a && m.push({
+      onClick: g
+    }), a && h.push({
       id: "upload-thumbnail",
       label: "Upload thumbnail",
       icon: "add_photo_alternate",
       onClick: x
-    }), r && m.push({
+    }), r && h.push({
       id: "upload-version",
       label: "Upload version",
       icon: "upload",
-      onClick: O
-    }), p?.openAddToListDialog && t && u.length) {
-      const T = u[0]?.entityType || e, v = p.openAddToListDialog;
-      if (m.push({
+      onClick: A
+    }), u?.openAddToListDialog && t && d.length) {
+      const T = d[0]?.entityType || e, v = u.openAddToListDialog;
+      if (h.push({
         id: "add-to-list",
         label: "Add to list",
         icon: "list_alt_add",
-        onClick: () => v(T, u)
-      }), (T === "version" || T === "representation") && p.hasReviewAddon) {
-        const A = u.some((U) => U.hasReviewables === !0);
-        m.push({
+        onClick: () => v(T, d)
+      }), (T === "version" || T === "representation") && u.hasReviewAddon) {
+        const O = d.some((U) => U.hasReviewables === !0);
+        h.push({
           id: "add-to-review-list",
           label: "Add to session",
           icon: "list_alt_add",
-          disabled: !A,
-          ...A ? {} : { "data-tooltip": "No reviewables on selected version" },
-          onClick: () => v(T, u, { isReview: !0 })
+          disabled: !O,
+          ...O ? {} : { "data-tooltip": "No reviewables on selected version" },
+          onClick: () => v(T, d, { isReview: !0 })
         });
       }
     }
-    const C = u[0], j = C?.entityId && t ? Un(
+    const C = d[0], j = C?.entityId && t ? Mn(
       C.entityType || e,
       C.entityId,
       t
     ) : null;
-    if (j && m.push({
+    if (j && h.push({
       id: "share",
       label: "Share",
       icon: "share",
       onClick: () => R(j)
-    }), m.push({
+    }), h.push({
       id: "view-data",
       label: "View data",
       icon: "database",
-      onClick: P
+      onClick: E
     }), b && s.length > 0) {
-      const T = new Set(s.map((A) => A.entityType)), v = T.size === 1 ? [...T][0] : "item", w = s.length === 1 ? `Delete ${v}` : `Delete ${cn(s.length, v)}`;
-      m.push({
+      const T = new Set(s.map((O) => O.entityType)), v = T.size === 1 ? [...T][0] : "item", w = s.length === 1 ? `Delete ${v}` : `Delete ${pn(s.length, v)}`;
+      h.push({
         id: "delete",
         label: w,
         icon: "delete",
@@ -600,27 +625,27 @@ const xn = S(_e)`
         onClick: l
       });
     }
-    return { items: m, shareLink: j };
+    return { items: h, shareLink: j };
   }, [
     c,
-    h,
+    p,
     a,
     r,
     b,
     s,
-    p,
-    t,
     u,
+    t,
+    d,
     e,
-    f,
     g,
+    f,
     x,
-    O,
+    A,
     R,
-    P,
+    E,
     l
   ]);
-}, Vn = S.div`
+}, Bn = S.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -628,10 +653,10 @@ const xn = S(_e)`
   display: flex;
   flex-direction: column;
   gap: 6px;
-`, Ve = S.span`
+`, $e = S.span`
   font-size: 13px;
   color: var(--md-sys-color-on-surface);
-`, $e = S.button`
+`, _e = S.button`
   display: flex;
   align-items: center;
   gap: 12px;
@@ -660,28 +685,28 @@ const xn = S(_e)`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, $n = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
+`, Wn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
   if (!t) return null;
   const s = `[${n}](${e})`, a = (r) => {
-    dn(r, !0), o();
+    mn(r, !0), o();
   };
-  return /* @__PURE__ */ i(mt, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Vn, { children: [
+  return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Bn, { children: [
     /* @__PURE__ */ k(Le, { children: [
-      /* @__PURE__ */ i(Ve, { children: "Link" }),
-      /* @__PURE__ */ k($e, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
+      /* @__PURE__ */ i($e, { children: "Link" }),
+      /* @__PURE__ */ k(_e, { type: "button", onClick: () => a(e), "aria-label": "Copy link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: e }),
         /* @__PURE__ */ i(fe, { icon: "content_copy" })
       ] })
     ] }),
     /* @__PURE__ */ k(Le, { children: [
-      /* @__PURE__ */ i(Ve, { children: "Markdown Link" }),
-      /* @__PURE__ */ k($e, { type: "button", onClick: () => a(s), "aria-label": "Copy markdown link", children: [
+      /* @__PURE__ */ i($e, { children: "Markdown Link" }),
+      /* @__PURE__ */ k(_e, { type: "button", onClick: () => a(s), "aria-label": "Copy markdown link", children: [
         /* @__PURE__ */ i("span", { className: "value", children: s }),
         /* @__PURE__ */ i(fe, { icon: "content_copy" })
       ] })
     ] })
   ] }) });
-}, _n = (e, n, t, o) => {
+}, zn = (e, n, t, o) => {
   const s = { projectName: t, quickView: !0 };
   switch (e) {
     case "folder":
@@ -695,7 +720,7 @@ const xn = S(_e)`
     default:
       return null;
   }
-}, Mn = ({
+}, Gn = ({
   entityType: e,
   entityId: n,
   entityIds: t,
@@ -704,84 +729,84 @@ const xn = S(_e)`
   selectedEntities: a = [],
   entityListsContext: r,
   onOpenPip: c,
-  onOpenViewer: h,
+  onOpenViewer: p,
   productId: b,
-  taskId: p,
-  folderId: f
+  taskId: u,
+  folderId: g
 }) => {
-  const g = te(null), [x, O] = K(!1), [R, P] = K(null), { menuOpen: l, toggleMenuOpen: u, setMenuOpen: m } = Xt(), { triggerThumbnailUpload: C, canUploadVersion: j } = vt(Bt), { onOpenVersionUpload: T } = Rn(), v = yt(), w = D(() => {
-    const M = n || t?.[0] || "noentity";
-    return `details-more-menu-${v}-${M}-${s || "noproject"}`;
-  }, [v, n, t, s]), A = l === w, U = !!n && !!s && !!C, L = !!j && !!T, ae = () => {
-    T?.({ productId: b, taskId: p, folderId: f });
-  }, J = n && s ? _n(e, n, s, b) : null, oe = !!h && !!J, E = Wt(), Q = D(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map(($) => {
-    const Y = $.entityType || e, le = $.projectName || s;
-    return !zt(Y) || !$.entityId || !le ? null : {
-      id: $.entityId,
-      entityType: Y,
-      name: $.name,
-      label: $.label,
-      projectName: le,
-      folderId: $.folderId,
-      parentId: $.parentId
+  const f = Y(null), [x, A] = K(!1), [R, E] = K(null), { menuOpen: l, toggleMenuOpen: d, setMenuOpen: h } = Zt(), { triggerThumbnailUpload: C, canUploadVersion: j } = kt(zt), { onOpenVersionUpload: T } = _n(), v = wt(), w = I(() => {
+    const L = n || t?.[0] || "noentity";
+    return `details-more-menu-${v}-${L}-${s || "noproject"}`;
+  }, [v, n, t, s]), O = l === w, U = !!n && !!s && !!C, _ = !!j && !!T, Z = () => {
+    T?.({ productId: b, taskId: u, folderId: g });
+  }, ee = n && s ? zn(e, n, s, b) : null, te = !!p && !!ee, ne = Gt(), P = I(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
+    const q = V.entityType || e, ce = V.projectName || s;
+    return !Qt(q) || !V.entityId || !ce ? null : {
+      id: V.entityId,
+      entityType: q,
+      name: V.name,
+      label: V.label,
+      projectName: ce,
+      folderId: V.folderId,
+      parentId: V.parentId
     };
-  }).filter(($) => $ !== null), [a, n, e, s]), ie = !!E && Q.length > 0, ce = () => {
-    m(!1), E?.deleteEntities(Q);
-  }, { items: re } = Ln({
+  }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && P.length > 0, ie = () => {
+    h(!1), ne?.deleteEntities(P);
+  }, { items: le } = Hn({
     entityType: e,
     entityId: n,
     projectName: s,
     selectedEntities: a,
-    deleteEntities: Q,
+    deleteEntities: P,
     canUploadThumbnail: U,
-    canUploadVersion: L,
+    canUploadVersion: _,
     canOpenPip: !!c,
-    canOpenViewer: oe,
-    canDelete: ie,
+    canOpenViewer: te,
+    canDelete: se,
     entityListsContext: r,
     onPip: () => c?.(),
-    onOpenViewer: () => J && h?.(J),
+    onOpenViewer: () => ee && p?.(ee),
     onUploadThumbnail: () => C?.(),
-    onUploadVersion: ae,
-    onShare: (M) => P(M),
-    onViewData: () => O(!0),
-    onDelete: ce
-  }), X = t?.length ? t : n ? [n] : [], V = o || n || "";
+    onUploadVersion: Z,
+    onShare: (L) => E(L),
+    onViewData: () => A(!0),
+    onDelete: ie
+  }), Q = t?.length ? t : n ? [n] : [], re = o || n || "";
   return /* @__PURE__ */ k(Ne, { children: [
     /* @__PURE__ */ i(
-      ee,
+      X,
       {
-        ref: g,
+        ref: f,
         icon: "more_horiz",
         variant: "text",
         "data-tooltip": "More actions",
         "aria-label": "More actions",
-        className: se({ active: A }),
-        onClick: () => u(w)
+        className: oe({ active: O }),
+        onClick: () => d(w)
       }
     ),
-    /* @__PURE__ */ i(an, { id: w, target: g.current, align: "right", children: /* @__PURE__ */ i(on, { menu: re, onClose: () => m(!1) }) }),
-    x && s && X.length > 0 && /* @__PURE__ */ i(
-      rn,
+    /* @__PURE__ */ i(ln, { id: w, target: f.current, align: "right", children: /* @__PURE__ */ i(cn, { menu: le, onClose: () => h(!1) }) }),
+    x && s && Q.length > 0 && /* @__PURE__ */ i(
+      dn,
       {
         projectName: s,
         entityType: e,
-        entityIds: X,
+        entityIds: Q,
         visible: x,
-        onHide: () => O(!1)
+        onHide: () => A(!1)
       }
     ),
     R && /* @__PURE__ */ i(
-      $n,
+      Wn,
       {
         link: R,
-        entityLabel: V,
+        entityLabel: re,
         visible: !0,
-        onHide: () => P(null)
+        onHide: () => E(null)
       }
     )
   ] });
-}, Hn = (e, n) => {
+}, Qn = (e, n) => {
   const t = [e];
   let o = e;
   for (; o.parentId && o.parentId !== "root"; ) {
@@ -791,54 +816,54 @@ const xn = S(_e)`
     t.unshift(s), o = s;
   }
   return t;
-}, Bn = (e, n) => {
+}, qn = (e, n) => {
   const t = [];
   let o = n.get(e.folder?.id || "");
-  if ((o ? Hn(o, n) : []).forEach((a) => {
+  if ((o ? Qn(o, n) : []).forEach((a) => {
     t.push({ type: "folder", label: a.label || a.name, id: a.id });
   }), e.entityType === "version") {
     const a = `${e.product?.name} - ${e.name}`;
     t.push({ type: "version", label: a, id: e.id });
   }
   return e.entityType === "task" && t.push({ type: "task", label: e.label || e.name, id: e.id }), t;
-}, Wn = ({
+}, Kn = ({
   entity: e,
   entityType: n,
   projectName: t,
   isLoading: o
 }) => {
-  const { data: { folders: s = [] } = {}, isFetching: a } = xt(
+  const { data: { folders: s = [] } = {}, isFetching: a } = Ct(
     // 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 = un(
+  ), r = hn(
     { projectName: t || "", isLoading: o },
     a
-  ), { data: c } = St(
+  ), { data: c } = Tt(
     { productId: e.product?.id || "", projectName: t },
     { skip: n !== "version" || !e.product?.id }
-  ), h = D(
-    () => c?.project.product?.versionList ? [...c.project.product?.versionList || []].sort((f, g) => f.name === "HERO" ? -1 : g.name === "HERO" ? 1 : g.name.localeCompare(f.name)).map((f) => ({
+  ), p = I(
+    () => c?.project.product?.versionList ? [...c.project.product?.versionList || []].sort((g, f) => g.name === "HERO" ? -1 : f.name === "HERO" ? 1 : f.name.localeCompare(g.name)).map((g) => ({
       type: "version",
-      label: f.name,
-      id: f.id
+      label: g.name,
+      id: g.id
     })) : [],
     [c]
-  ), b = D(
-    () => new Map(s.map((f) => [f.id, f])),
+  ), b = I(
+    () => new Map(s.map((g) => [g.id, g])),
     [s]
   );
-  return [D(
-    () => r ? [] : Bn(e, b),
+  return [I(
+    () => r ? [] : qn(e, b),
     [r, s, e]
-  ), h];
-}, Ze = (e, n) => {
+  ), p];
+}, et = (e, n) => {
   let t = Object.entries(e).filter(([s]) => n ? n.includes(s) : !0).map(([, s]) => s?.statuses || []).flat();
   const o = new Map(t.map((s) => [s.name, s]));
   return Array.from(o.values());
-}, et = ({
+}, tt = ({
   scope: e = "dashboard",
   entities: n,
   entityType: t,
@@ -847,29 +872,29 @@ const xn = S(_e)`
   projectInfo: a,
   annotations: r,
   removeAnnotation: c,
-  exportAnnotationComposite: h,
+  exportAnnotationComposite: p,
   ...b
 }) => {
-  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: h }, { user: f } = q(), g = f.name || "", x = f.attrib?.fullName || "";
+  const u = { annotations: r, removeAnnotation: c, exportAnnotationComposite: p }, { user: g } = G(), f = g.name || "", x = g.attrib?.fullName || "";
   return /* @__PURE__ */ k(
-    Ke,
+    Je,
     {
       scope: e,
       entities: n,
       projectName: s,
       entityType: t,
       projectInfo: a,
-      userName: g,
+      userName: f,
       userFullName: x,
-      ...p,
+      ...u,
       ...b,
       children: [
-        /* @__PURE__ */ i(pn, { ...b, statuses: b.statuses }),
-        /* @__PURE__ */ i(hn, {})
+        /* @__PURE__ */ i(gn, { ...b, statuses: b.statuses }),
+        /* @__PURE__ */ i(fn, {})
       ]
     }
   );
-}, zn = ({
+}, Jn = ({
   children: e,
   scope: n = "dashboard",
   entities: t,
@@ -878,28 +903,28 @@ const xn = S(_e)`
   projectInfo: a,
   annotations: r,
   removeAnnotation: c,
-  exportAnnotationComposite: h,
+  exportAnnotationComposite: p,
   ...b
 }) => {
-  const p = { annotations: r, removeAnnotation: c, exportAnnotationComposite: h }, { user: f } = q(), g = f?.name ?? "", x = f?.attrib?.fullName ?? "", [O, R] = K(null);
+  const u = { annotations: r, removeAnnotation: c, exportAnnotationComposite: p }, { user: g } = G(), f = g?.name ?? "", x = g?.attrib?.fullName ?? "", [A, R] = K(null);
   return /* @__PURE__ */ i(
-    Ke,
+    Je,
     {
       scope: n,
       entities: t,
       projectName: s,
       entityType: o,
       projectInfo: a,
-      userName: g,
+      userName: f,
       userFullName: x,
-      ...p,
-      editingId: O,
+      ...u,
+      editingId: A,
       setEditingId: R,
       ...b,
       children: e
     }
   );
-}, tt = (e, n) => {
+}, nt = (e, n) => {
   if (!e || Object.keys(e).length === 0 || !n?.length)
     return {
       folderTypes: [],
@@ -943,23 +968,23 @@ const xn = S(_e)`
   }), Object.keys(s).forEach((a) => {
     (a === "productTypes" || s[a].length > 0) && (t[a] = o(s[a]));
   }), t;
-}, Gn = S.div`
+}, Xn = S.div`
   display: flex;
   align-items: center;
   padding: 4px 8px;
   gap: var(--base-gap-small);
-`, Qn = S.span`
+`, Yn = S.span`
   font-weight: 600;
   user-select: none;
-`, qn = S.div`
+`, Zn = S.div`
   display: flex;
   gap: var(--base-gap-small);
-`, Ce = S(ee)`
+`, Ce = S(X)`
   background-color: unset;
   &.hasIcon {
     padding: 4px;
   }
-`, Kn = S.div`
+`, es = S.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -976,10 +1001,10 @@ const xn = S(_e)`
     box-shadow: 0 0 0 1px var(--md-sys-color-primary-container);
     background-color: var(--md-sys-color-surface-container-lowest);
   }
-`, Jn = S(mn)`
+`, ts = S(bn)`
   width: 28px;
   height: 28px;
-`, Xn = S.input`
+`, ns = S.input`
   flex: 1;
   min-width: 0;
   border: none;
@@ -992,7 +1017,7 @@ const xn = S(_e)`
   &::placeholder {
     color: var(--md-sys-color-outline);
   }
-`, Yn = S(ee)`
+`, ss = S(X)`
   background-color: unset;
   min-width: unset;
   &.hasIcon {
@@ -1002,12 +1027,12 @@ const xn = S(_e)`
   if (De(e)) return String(e.value || "");
   const n = e.operator === "or" ? ", " : ".";
   return e.conditions?.map((t) => Te(t)).join(n) || "";
-}, nt = (e, n, t) => {
+}, st = (e, n, t) => {
   const o = e.split(",").map((r) => r.trim()).filter(Boolean);
   if (o.length > 1)
     return {
       operator: "or",
-      conditions: o.map((r) => nt(r, n, t))
+      conditions: o.map((r) => st(r, n, t))
     };
   const s = o[0] || e.trim();
   if (!s || s === "," || s === ".")
@@ -1029,82 +1054,82 @@ const xn = S(_e)`
     operator: t,
     value: a[0] || ""
   };
-}, Zn = ({
+}, as = ({
   label: e,
   filters: n,
   currentFilter: t,
   onFilterChange: o,
   isLoading: s
 }) => {
-  const [a, r] = K(null), [c, h] = K(""), b = te(null), p = (l) => typeof l == "object" && l !== null && !Array.isArray(l);
+  const [a, r] = K(null), [c, p] = K(""), b = Y(null), u = (l) => typeof l == "object" && l !== null && !Array.isArray(l);
   W(() => {
     a && b.current && b.current.focus();
   }, [a]), W(() => {
-    if (a && p(t)) {
+    if (a && u(t)) {
       if (document.activeElement === b.current) return;
-      const l = t.conditions?.find((u) => ue(u, a));
-      h(l ? Te(l) : "");
+      const l = t.conditions?.find((d) => ue(d, a));
+      p(l ? Te(l) : "");
     }
   }, [a, t]);
-  const f = (l, u) => {
-    if (!p(t)) {
+  const g = (l, d) => {
+    if (!u(t)) {
       o(l.id);
       return;
     }
-    const m = t.conditions ? [...t.conditions] : [], C = {
+    const h = t.conditions ? [...t.conditions] : [], C = {
       ...t,
-      conditions: m,
+      conditions: h,
       operator: t.operator || "and"
-    }, j = String(l.id), T = m.findIndex((w) => ue(w, j)), v = l.type || "boolean";
+    }, j = String(l.id), T = h.findIndex((w) => ue(w, j)), v = l.type || "boolean";
     if (v === "boolean")
-      T > -1 ? m.splice(T, 1) : m.push({ key: j, operator: l.operator || "eq", value: !0 });
+      T > -1 ? h.splice(T, 1) : h.push({ key: j, operator: l.operator || "eq", value: !0 });
     else if (v === "enum") {
-      const w = Array.isArray(u) ? u : [u];
+      const w = Array.isArray(d) ? d : [d];
       if (w.length === 0 || w.length === 1 && w[0] === void 0)
-        T > -1 && m.splice(T, 1);
+        T > -1 && h.splice(T, 1);
       else {
-        const A = {
+        const O = {
           key: j,
           operator: l.operator || "in",
           value: w
         };
-        T > -1 ? m[T] = A : m.push(A);
+        T > -1 ? h[T] = O : h.push(O);
       }
     } else if (v === "search") {
-      const w = typeof u == "string" ? u : "";
+      const w = typeof d == "string" ? d : "";
       if (!w)
-        T > -1 && m.splice(T, 1);
+        T > -1 && h.splice(T, 1);
       else {
-        const A = nt(w, j, l.operator || "like");
-        T > -1 ? m[T] = A : m.push(A);
+        const O = st(w, j, l.operator || "like");
+        T > -1 ? h[T] = O : h.push(O);
       }
     }
     o(C);
-  }, g = (l) => {
-    const u = String(l.id);
-    if (a !== u && (r(u), p(t))) {
-      const m = t.conditions?.find((C) => ue(C, u));
-      h(m ? Te(m) : "");
+  }, f = (l) => {
+    const d = String(l.id);
+    if (a !== d && (r(d), u(t))) {
+      const h = t.conditions?.find((C) => ue(C, d));
+      p(h ? Te(h) : "");
     }
-  }, x = (l, u) => {
-    h(u), f(l, u);
-  }, O = (l) => {
-    h(""), r(null), f(l, "");
-  }, R = (l) => p(t) ? t.conditions?.some((u) => ue(u, String(l.id))) : l.id === t, P = (l) => p(t) ? t.conditions?.find(
-    (m) => De(m) && m.key === String(l.id)
+  }, x = (l, d) => {
+    p(d), g(l, d);
+  }, A = (l) => {
+    p(""), r(null), g(l, "");
+  }, R = (l) => u(t) ? t.conditions?.some((d) => ue(d, String(l.id))) : l.id === t, E = (l) => u(t) ? t.conditions?.find(
+    (h) => De(h) && h.key === String(l.id)
   )?.value || [] : [];
-  return /* @__PURE__ */ k(Gn, { className: se("panel-tabs", { loading: s }), children: [
-    /* @__PURE__ */ i(Qn, { className: "panel-header-label", children: e }),
-    /* @__PURE__ */ i(Me, {}),
-    /* @__PURE__ */ i(qn, { className: "panel-header-filters", children: n.map((l) => {
-      const u = R(l), m = l.type || "boolean";
-      if (m === "enum")
+  return /* @__PURE__ */ k(Xn, { className: oe("panel-tabs", { loading: s }), children: [
+    /* @__PURE__ */ i(Yn, { className: "panel-header-label", children: e }),
+    /* @__PURE__ */ i(He, {}),
+    /* @__PURE__ */ i(Zn, { className: "panel-header-filters", children: n.map((l) => {
+      const d = R(l), h = l.type || "boolean";
+      if (h === "enum")
         return /* @__PURE__ */ i(
-          Jn,
+          ts,
           {
             options: l.options || [],
-            value: P(l),
-            onChange: (C) => f(l, C),
+            value: E(l),
+            onChange: (C) => g(l, C),
             isEditing: !0,
             autoOpen: !1,
             align: "right",
@@ -1112,7 +1137,7 @@ const xn = S(_e)`
             valueTemplate: () => /* @__PURE__ */ i(
               Ce,
               {
-                selected: u,
+                selected: d,
                 icon: l.icon,
                 "data-tooltip": l.tooltip,
                 "data-tooltip-delay": 0
@@ -1123,18 +1148,18 @@ const xn = S(_e)`
           },
           String(l.id)
         );
-      if (m === "search") {
+      if (h === "search") {
         const C = a === String(l.id);
         return /* @__PURE__ */ k(
-          Kn,
+          es,
           {
-            className: se("panel-filter", "panel-filter-search", { expanded: C }),
+            className: oe("panel-filter", "panel-filter-search", { expanded: C }),
             children: [
               /* @__PURE__ */ i(
                 Ce,
                 {
-                  selected: u || C,
-                  onClick: () => g(l),
+                  selected: d || C,
+                  onClick: () => f(l),
                   icon: l.icon,
                   "data-tooltip": C ? void 0 : l.tooltip,
                   "data-tooltip-delay": 0
@@ -1142,22 +1167,22 @@ const xn = S(_e)`
               ),
               C && /* @__PURE__ */ k(Ne, { children: [
                 /* @__PURE__ */ i(
-                  Xn,
+                  ns,
                   {
                     ref: b,
                     value: c,
                     onChange: (j) => x(l, j.target.value),
                     onKeyDown: (j) => {
-                      j.key === "Escape" && O(l);
+                      j.key === "Escape" && A(l);
                     },
                     placeholder: l.placeholder || "Search..."
                   }
                 ),
                 /* @__PURE__ */ i(
-                  Yn,
+                  ss,
                   {
                     icon: "close",
-                    onClick: () => O(l),
+                    onClick: () => A(l),
                     "data-tooltip": "Clear",
                     "data-tooltip-delay": 0
                   }
@@ -1171,8 +1196,8 @@ const xn = S(_e)`
       return /* @__PURE__ */ i(
         Ce,
         {
-          selected: u,
-          onClick: () => f(l),
+          selected: d,
+          onClick: () => g(l),
           icon: l.icon,
           "data-tooltip": l.tooltip,
           "data-tooltip-delay": 0,
@@ -1182,42 +1207,42 @@ const xn = S(_e)`
       );
     }) })
   ] });
-}, st = ["done", "isDone"], es = (e) => !!e && "key" in e, ts = (e, n) => {
+}, at = ["done", "isDone"], os = (e) => !!e && "key" in e, is = (e, n) => {
   const t = [], o = [], s = (a) => {
     if (!a) return;
-    if (es(a)) {
+    if (os(a)) {
       const c = a.key;
       if (c === "search") {
-        const p = String(a.value ?? "");
-        p && o.push({ id: p, label: p });
+        const u = String(a.value ?? "");
+        u && o.push({ id: u, label: u });
         return;
       }
-      const h = n.find((p) => p.id === c);
-      if (!h) return;
-      if (st.includes(c)) {
+      const p = n.find((u) => u.id === c);
+      if (!p) return;
+      if (at.includes(c)) {
         a.value !== void 0 && t.push({
           id: ke(c),
-          label: h.label,
-          icon: h.icon,
+          label: p.label,
+          icon: p.icon,
           type: "boolean",
           singleSelect: !0,
           values: [{ id: String(a.value), label: a.value ? "Done" : "Not Done" }]
         });
         return;
       }
-      if (h.type === "datetime") {
-        const p = Array.isArray(a.value) ? a.value[0] : a.value;
+      if (p.type === "datetime") {
+        const u = Array.isArray(a.value) ? a.value[0] : a.value;
         t.push({
           id: ke(c),
-          label: h.label,
+          label: p.label,
           type: "datetime",
-          icon: h.icon,
+          icon: p.icon,
           values: [
             {
-              id: String(p),
-              label: String(p),
+              id: String(u),
+              label: String(u),
               // @ts-expect-error - values is okay
-              values: [{ id: String(p) }]
+              values: [{ id: String(u) }]
             }
           ]
         });
@@ -1226,44 +1251,44 @@ const xn = S(_e)`
       const b = Array.isArray(a.value) ? a.value : [a.value];
       t.push({
         id: ke(c),
-        label: h.label,
-        type: h.type,
-        icon: h.icon,
+        label: p.label,
+        type: p.type,
+        icon: p.icon,
         operator: "OR",
-        values: b.map((p) => {
-          const f = h.values?.find((g) => g.id === String(p));
-          return f ? { ...f } : { id: String(p), label: String(p) };
+        values: b.map((u) => {
+          const g = p.values?.find((f) => f.id === String(u));
+          return g ? { ...g } : { id: String(u), label: String(u) };
         })
       });
       return;
     }
-    const r = gn(a, n);
+    const r = yn(a, n);
     if (r) {
       t.push(r);
       return;
     }
     a.conditions?.forEach(s);
   };
-  return e?.conditions?.forEach(s), o.length && t.push({ id: Be, label: "", values: o }), t;
-}, ns = (e) => {
+  return e?.conditions?.forEach(s), o.length && t.push({ id: We, label: "", values: o }), t;
+}, rs = (e) => {
   const n = [], t = [];
   return e.forEach((o) => {
-    const s = ft(o.id), a = (o.values || []).map((r) => r.id);
+    const s = bt(o.id), a = (o.values || []).map((r) => r.id);
     if (a.length)
-      if (s === Be)
+      if (s === We)
         a.forEach(
           (r) => t.push({ key: "search", operator: "like", value: String(r) })
         );
-      else if (st.includes(s)) {
+      else if (at.includes(s)) {
         const r = a[0] === "true";
         n.push({ key: s, operator: "eq", value: r });
       } else if (o.type === "datetime") {
-        const r = bn(s, o);
+        const r = kn(s, o);
         r && n.push(r);
       } else
         n.push({ key: s, operator: "in", value: a.map(String) });
   }), t.length === 1 ? n.push(t[0]) : t.length > 1 && n.push({ operator: "or", conditions: t }), { operator: "and", conditions: n };
-}, ss = S.div`
+}, ls = S.div`
   padding: 4px 8px;
   padding-bottom: 0;
 
@@ -1271,7 +1296,7 @@ const xn = S(_e)`
     opacity: 0.5;
     pointer-events: none;
   }
-`, as = ({
+`, cs = ({
   subtasksFilter: e,
   setSubtasksFilter: n,
   users: t,
@@ -1280,7 +1305,7 @@ const xn = S(_e)`
   doneCount: a = 0,
   onSearchTextChange: r
 }) => {
-  const c = D(
+  const c = I(
     () => [
       {
         id: "isDone",
@@ -1301,10 +1326,10 @@ const xn = S(_e)`
         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((d) => ({
+          id: d.name,
+          label: d.attrib?.fullName || d.name,
+          img: `/api/users/${d.name}/avatar`
         }))
       }
       //   dates disabled until planner update with support is released
@@ -1324,33 +1349,33 @@ const xn = S(_e)`
       //   },
     ],
     [t]
-  ), h = D(() => ts(e, c), [e, c]), [b, p] = K(h), f = te(null), g = vn();
+  ), p = I(() => is(e, c), [e, c]), [b, u] = K(p), g = Y(null), f = wn();
   W(() => {
-    p(h);
-  }, [JSON.stringify(h)]);
-  const x = (u) => {
-    const m = ns(u);
-    n(m), r?.("");
-  }, O = (u) => {
-    g.wrapFilterChange(u, b, p);
-  }, R = (u, m) => {
-    m || r?.(u);
+    u(p);
+  }, [JSON.stringify(p)]);
+  const x = (d) => {
+    const h = rs(d);
+    n(h), r?.("");
+  }, A = (d) => {
+    f.wrapFilterChange(d, b, u);
+  }, R = (d, h) => {
+    h || r?.(d);
   };
-  let P = "";
-  s > 0 && (P = `${a}/${s}`);
-  const l = D(
-    () => [{ id: "isDone", label: P, tooltip: "Status" }],
-    [P]
+  let E = "";
+  s > 0 && (E = `${a}/${s}`);
+  const l = I(
+    () => [{ id: "isDone", label: E, tooltip: "Status" }],
+    [E]
   );
-  return /* @__PURE__ */ k(ss, { className: o ? "loading" : void 0, children: [
+  return /* @__PURE__ */ k(ls, { className: o ? "loading" : void 0, children: [
     /* @__PURE__ */ i(
-      gt,
+      vt,
       {
-        ref: f,
+        ref: g,
         compact: !0,
         options: c,
         filters: b,
-        onChange: O,
+        onChange: A,
         onFinish: x,
         enableGlobalSearch: !0,
         enableMultipleSameFilters: !1,
@@ -1360,12 +1385,12 @@ const xn = S(_e)`
         placeholder: "Search and filter subtasks...",
         pt: {
           searchBar: {
-            onClickCapture: (u) => g.handleSearchBarClickCapture(u, b)
+            onClickCapture: (d) => f.handleSearchBarClickCapture(d, b)
           },
           dropdown: {
             pt: {
               item: {
-                onClick: (u) => g.handleDropdownItemClick(u, b, c)
+                onClick: (d) => f.handleDropdownItemClick(d, b, c)
               }
             }
           }
@@ -1373,35 +1398,35 @@ const xn = S(_e)`
       }
     ),
     /* @__PURE__ */ i(
-      yn,
+      xn,
       {
-        isOpen: !!g.customRangeFilterId,
-        header: c.find((u) => u.id === g.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
-        startDate: g.customStartDate,
-        endDate: g.customEndDate,
-        onStartDateChange: g.setCustomStartDate,
-        onEndDateChange: g.setCustomEndDate,
-        onApply: () => g.handleCustomRangeApply(b, c, x, f),
-        onClose: g.handleCustomRangeClose
+        isOpen: !!f.customRangeFilterId,
+        header: c.find((d) => d.id === f.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+        startDate: f.customStartDate,
+        endDate: f.customEndDate,
+        onStartDateChange: f.setCustomStartDate,
+        onEndDateChange: f.setCustomEndDate,
+        onApply: () => f.handleCustomRangeApply(b, c, x, g),
+        onClose: f.handleCustomRangeClose
       }
     )
   ] });
-}, os = ({ ...e }) => {
-  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: c } = q(), { data: h = [] } = We({ projectName: e.projectName }), b = e.subtasks?.length || 0, p = e.subtasks?.filter((g) => g.isDone).length || 0, f = D(() => {
-    let g = n;
+}, ds = ({ ...e }) => {
+  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: c } = G(), { data: p = [] } = ze({ projectName: e.projectName }), b = e.subtasks?.length || 0, u = e.subtasks?.filter((f) => f.isDone).length || 0, g = I(() => {
+    let f = n;
     if (o) {
       const x = { key: "search", operator: "like", value: o };
-      g = {
+      f = {
         ...n,
         conditions: [...n.conditions || [], x],
         operator: "and"
       };
     }
-    return nn(g);
+    return an(f);
   }, [n, o]);
   return /* @__PURE__ */ k(Ne, { children: [
     /* @__PURE__ */ i(
-      Zn,
+      as,
       {
         label: `Subtasks (${b})`,
         filters: [],
@@ -1410,31 +1435,31 @@ const xn = S(_e)`
       }
     ),
     /* @__PURE__ */ i(
-      as,
+      cs,
       {
         subtasksFilter: n,
         setSubtasksFilter: t,
-        users: h,
+        users: p,
         totalCount: b,
-        doneCount: p,
+        doneCount: u,
         onSearchTextChange: s
       }
     ),
     /* @__PURE__ */ i(
-      fn,
+      vn,
       {
         ...e,
         style: { padding: 8, height: "unset" },
         title: null,
         selectedSubtaskIds: a,
         onSelectSubtasks: r,
-        filters: f,
+        filters: g,
         actionsPortalClassName: "panel-header-filters",
         dispatch: c
       }
     )
   ] });
-}, is = ["product", "representation"], rs = ({
+}, us = ["product", "representation"], ps = ({
   entityType: e,
   entitySubTypes: n = [],
   // entities is data we already have from kanban
@@ -1445,18 +1470,18 @@ const xn = S(_e)`
   disabledStatuses: a,
   projectUsers: r,
   disabledProjectUsers: c,
-  activeProjectUsers: h,
+  activeProjectUsers: p,
   projectsInfo: b = {},
-  projectNames: p = [],
-  isSlideOut: f = !1,
-  style: g = {},
+  projectNames: u = [],
+  isSlideOut: g = !1,
+  style: f = {},
   scope: x,
-  isCompact: O = !1,
+  isCompact: A = !1,
   onClose: R,
-  onWatchersUpdate: P,
+  onWatchersUpdate: E,
   onOpenViewer: l,
-  onEntityFocus: u,
-  onOpen: m,
+  onEntityFocus: d,
+  onOpen: h,
   onUriOpen: C,
   // when the details panel is opened from uri
   // annotations
@@ -1464,96 +1489,97 @@ const xn = S(_e)`
   removeAnnotation: T,
   exportAnnotationComposite: v,
   entityListId: w,
-  guestCategories: A = {},
-  entityListsContext: U
+  guestCategories: O = {},
+  entityListsContext: U,
+  resolveVersionJump: _
 }) => {
   const {
-    closeSlideOut: L,
-    openPip: ae,
-    user: J,
-    isGuest: oe,
-    entities: E,
-    setEntities: Q,
+    closeSlideOut: Z,
+    openPip: ee,
+    user: te,
+    isGuest: ne,
+    entities: P,
+    setEntities: se,
     slideOut: ie,
-    useSearchParams: ce,
-    SubtasksManager: re,
-    useNavigate: X
-  } = q(), { currentTab: V, setTab: M, isFeed: $ } = Yt(x), [Y, le] = ce(), de = te(!1), N = E?.entityType ?? e, pe = E?.entities ?? o, ge = E?.entitySubTypes ?? n, he = E?.entities ? [] : t, d = E?.entities ? E.entities.map((y) => y.projectName) : p;
+    useSearchParams: le,
+    SubtasksManager: Q,
+    useNavigate: re
+  } = G(), { currentTab: L, setTab: V, isFeed: q } = en(x), [ce, pe] = le(), de = Y(!1), N = P?.entityType ?? e, me = P?.entities ?? o, he = P?.entitySubTypes ?? n, m = P?.entities ? [] : t, D = P?.entities ? P.entities.map((y) => y.projectName) : u;
   W(() => {
-    m && !de.current && (de.current = !0, m());
+    h && !de.current && (de.current = !0, h());
   }, []), W(() => {
-    is.includes(N) && V !== "details" && M("details");
-  }, [N, V, M]), W(() => {
-    o.length && E && Q(null);
-  }, [o, E, Q]);
-  const I = D(
-    () => tt(b, d),
-    [b, d]
-  ), z = D(() => Xe(I), [I]);
+    us.includes(N) && L !== "details" && V("details");
+  }, [N, L, V]), W(() => {
+    o.length && P && se(null);
+  }, [o, P, se]);
+  const H = I(
+    () => nt(b, D),
+    [b, D]
+  ), ot = I(() => Ye(H), [H]);
   W(() => {
-    V === "files" && N !== "version" && M("feed"), V === "subtasks" && N !== "task" && M("feed");
-  }, [N, V, x]);
-  let Z = pe.length ? pe.map((y) => ({ id: y.id, projectName: y.projectName })) : (
+    L === "files" && N !== "version" && V("feed"), L === "subtasks" && N !== "task" && V("feed");
+  }, [N, L, x]);
+  let J = me.length ? me.map((y) => ({ id: y.id, projectName: y.projectName })) : (
     // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
-    he.map((y) => ({ id: y.id, projectName: y.projectName }))
+    m.map((y) => ({ id: y.id, projectName: y.projectName }))
   );
-  Z = Z.filter((y) => y.id);
+  J = J.filter((y) => y.id);
   const {
-    data: H = [],
-    isFetching: ne,
-    isError: at,
-    originalArgs: ot
-  } = ze(
-    { entityType: N, entities: Z },
+    data: $ = [],
+    isFetching: ae,
+    isError: it,
+    originalArgs: rt
+  } = Ge(
+    { entityType: N, entities: J },
     {
-      skip: !Z.length || !Ct.includes(N)
+      skip: !J.length || !Nt.includes(N)
     }
   );
   W(() => {
-    f || L();
-  }, [ot, f]);
-  const be = te(null);
+    g || Z();
+  }, [rt, g]);
+  const be = Y(null);
   W(() => {
-    E || (be.current = null);
-  }, [E]), W(() => {
-    if (!ne && (E?.source === "uri" || E?.source === "url") && E?.entities?.length && C) {
-      const y = E.entities[0].id;
+    P || (be.current = null);
+  }, [P]), W(() => {
+    if (!ae && (P?.source === "uri" || P?.source === "url") && P?.entities?.length && C) {
+      const y = P.entities[0].id;
       if (be.current === y) return;
-      const F = H.find((B) => B.id === y);
+      const F = $.find((B) => B.id === y);
       if (!F) return;
-      be.current = y, C(F, E.source);
+      be.current = y, C(F, P.source);
     }
-  }, [H, ne, E, C]);
-  const Pe = Ze(b), G = d[0], Ee = b[G] || {}, _ = H[0] || {}, me = H[H.length - 1], ve = d[d.length - 1], [Ie, it] = Wn({
-    entity: _,
+  }, [$, ae, P, C]);
+  const Ie = et(b), z = D[0], Pe = b[z] || {}, M = $[0] || {}, ge = $[$.length - 1], ve = D[D.length - 1], Ee = x === "inbox" && N === "version" && $.length === 1 ? Ln($[0]) : void 0, [Fe, lt] = Kn({
+    entity: M,
     entityType: N,
-    projectName: G,
-    isLoading: ne
-  }), { setEntityUri: rt, setUri: Fe } = Zt();
+    projectName: z,
+    isLoading: ae
+  }), { setEntityUri: ct, setUri: je } = tn();
   W(() => {
-    if (!me?.parents || !ve) return;
-    const { folderPath: y, taskName: F, versionName: B, productName: Re } = Jt(
-      me.parents,
+    if (!ge?.parents || !ve) return;
+    const { folderPath: y, taskName: F, versionName: B, productName: Ue } = Yt(
+      ge.parents,
       N,
-      me.name
+      ge.name
     );
-    return rt({
+    return ct({
       projectName: ve,
       folderPath: y,
       taskName: F,
-      productName: Re,
+      productName: Ue,
       versionName: B
     }), () => {
-      Fe("");
+      je("");
     };
-  }, [H, d, N]), wn({
-    entityData: me,
+  }, [$, D, N]), Cn({
+    entityData: ge,
     project: ve,
     activeEntityType: N,
-    entitiesToQuery: Z
+    entitiesToQuery: J
   });
-  const lt = () => {
-    le(
+  const dt = () => {
+    pe(
       (y) => {
         const F = new URLSearchParams(y);
         return F.delete("project"), F.delete("type"), F.delete("id"), F;
@@ -1561,20 +1587,20 @@ const xn = S(_e)`
       { replace: !0 }
     );
   }, ye = () => {
-    R?.(), Q(null), Fe(""), lt(), L();
+    R?.(), se(null), je(""), dt(), Z();
   };
   W(() => {
     const y = (F) => {
       if (F.key === "Escape" && R) {
         const B = F.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(B.tagName) || B.isContentEditable || f === !1 && (B.closest("#viewer-dialog") || ie)) return;
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(B.tagName) || B.isContentEditable || g === !1 && (B.closest("#viewer-dialog") || ie)) return;
         ye();
       }
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [ye, f, ie]);
-  const { requestPipWindow: ct } = Gt(), je = te(null), Oe = te(null), dt = H.length === 1 && N !== "representation", ut = D(() => {
-    const y = _?.label || _?.name || "", F = _?.parents || [], B = [G];
+  }, [ye, g, ie]);
+  const { requestPipWindow: ut } = qt(), Ae = Y(null), Oe = Y(null), pt = $.length === 1 && N !== "representation", mt = I(() => {
+    const y = M?.label || M?.name || "", F = M?.parents || [], B = [z];
     switch (N) {
       case "folder":
       case "task":
@@ -1591,47 +1617,47 @@ const xn = S(_e)`
         B.push(y);
     }
     return B.filter(Boolean).join(" - ");
-  }, [_, N, G]), pt = () => {
-    ae({
+  }, [M, N, z]), ht = () => {
+    ee({
       entityType: N,
-      entities: Z,
+      entities: J,
       scope: x
-    }), ct(500, 500);
-  }, Ae = () => !(d.length > 1 || oe && (!w || !Object.prototype.hasOwnProperty.call(
-    A,
-    J.attrib?.email || ""
+    }), ut(500, 500);
+  }, Re = () => !(D.length > 1 || ne && (!w || !Object.prototype.hasOwnProperty.call(
+    O,
+    te.attrib?.email || ""
   )));
   return /* @__PURE__ */ i(
-    Qt,
+    Kt,
     {
-      thumbnailInputRef: je,
+      thumbnailInputRef: Ae,
       versionsInputRef: Oe,
-      canUploadVersion: dt,
-      children: /* @__PURE__ */ k(Cn, { className: "details-panel", children: [
-        /* @__PURE__ */ k(xn, { children: [
+      canUploadVersion: pt,
+      children: /* @__PURE__ */ k(Dn, { className: "details-panel", children: [
+        /* @__PURE__ */ k(Tn, { children: [
           /* @__PURE__ */ i(
-            Ht,
+            Wt,
             {
-              segments: Ie,
-              versions: it,
-              projectName: G,
-              hideProjectName: f,
-              isLoading: ne || !Ie.length,
+              segments: Fe,
+              versions: lt,
+              projectName: z,
+              hideProjectName: g,
+              isLoading: ae || !Fe.length,
               entityType: N,
               scope: x,
-              entityTypeIcons: z
+              entityTypeIcons: ot
             }
           ),
-          /* @__PURE__ */ k(Sn, { className: "right-tools", children: [
+          /* @__PURE__ */ k(Nn, { className: "right-tools", children: [
             /* @__PURE__ */ i(
-              Mn,
+              Gn,
               {
                 entityType: N,
-                entityId: _?.id,
-                entityIds: Z.map((y) => y.id).filter(Boolean),
-                entityLabel: ut,
-                projectName: G,
-                selectedEntities: H.filter((y) => !!y?.id).map((y) => {
+                entityId: M?.id,
+                entityIds: J.map((y) => y.id).filter(Boolean),
+                entityLabel: mt,
+                projectName: z,
+                selectedEntities: $.filter((y) => !!y?.id).map((y) => {
                   const F = y.entityType || N;
                   return {
                     entityId: y.id,
@@ -1639,30 +1665,30 @@ const xn = S(_e)`
                     hasReviewables: !!y.hasReviewables,
                     name: y.name,
                     label: y.label,
-                    projectName: y.projectName || G,
+                    projectName: y.projectName || z,
                     folderId: F === "task" ? y.folder?.id : void 0
                   };
                 }),
                 entityListsContext: U,
-                onOpenPip: pt,
+                onOpenPip: ht,
                 onOpenViewer: l,
-                productId: _?.product?.id,
-                taskId: _?.task?.id,
-                folderId: _?.folder?.id
+                productId: M?.product?.id,
+                taskId: M?.task?.id,
+                folderId: M?.folder?.id
               }
             ),
             /* @__PURE__ */ i(
-              Vt,
+              _t,
               {
-                entities: Z,
+                entities: J,
                 entityType: N,
                 options: r || [],
-                onWatchersUpdate: P && P,
-                userName: J.name
+                onWatchersUpdate: E && E,
+                userName: te.name
               }
             ),
             R && /* @__PURE__ */ i(
-              ee,
+              X,
               {
                 icon: "close",
                 variant: "text",
@@ -1672,88 +1698,95 @@ const xn = S(_e)`
             )
           ] })
         ] }),
+        Ee && /* @__PURE__ */ i(
+          $n,
+          {
+            latestVersion: Ee,
+            resolveVersionJump: _
+          }
+        ),
         /* @__PURE__ */ i(
-          jn,
+          Rn,
           {
             entityType: N,
-            entitySubTypes: ge,
-            entities: H,
+            entitySubTypes: he,
+            entities: $,
             users: r,
             disabledAssignees: c,
             disabledStatuses: a,
             tagsOptions: s,
-            isFetching: ne,
-            isCompact: O,
-            currentTab: V,
-            onTabChange: M,
-            projectInfo: I,
+            isFetching: ae,
+            isCompact: A,
+            currentTab: L,
+            onTabChange: V,
+            projectInfo: H,
             onOpenViewer: (y) => l?.(y),
-            onEntityFocus: u,
-            thumbnailInputRef: je,
+            onEntityFocus: d,
+            thumbnailInputRef: Ae,
             versionsInputRef: Oe
           }
         ),
-        /* @__PURE__ */ k(qe, { projectName: G, children: [
-          $ && !at && /* @__PURE__ */ i(
-            et,
+        /* @__PURE__ */ k(Ke, { projectName: z, children: [
+          q && !it && /* @__PURE__ */ i(
+            tt,
             {
               entityType: N,
-              entities: H,
-              activeUsers: h || [],
-              projectInfo: Ee,
-              projectName: G,
-              disabled: !Ae(),
+              entities: $,
+              activeUsers: p || [],
+              projectInfo: Pe,
+              projectName: z,
+              disabled: !Re(),
               scope: x,
-              statuses: Pe,
+              statuses: Ie,
               readOnly: !1,
               entityListId: w,
               annotations: j,
               removeAnnotation: T,
               exportAnnotationComposite: v,
-              isSlideOut: f
+              isSlideOut: g
             }
           ),
-          V === "subtasks" && N === "task" && _?.id && re && /* @__PURE__ */ i(
-            os,
+          L === "subtasks" && N === "task" && M?.id && Q && /* @__PURE__ */ i(
+            ds,
             {
-              projectName: G,
-              taskId: _.id,
-              taskName: _.name,
-              folderId: _.folder?.id,
-              subtasks: _.task?.subtasks || [],
-              SubtasksManager: re,
-              useNavigate: X,
-              onNotFound: () => M("feed")
+              projectName: z,
+              taskId: M.id,
+              taskName: M.name,
+              folderId: M.folder?.id,
+              subtasks: M.task?.subtasks || [],
+              SubtasksManager: Q,
+              useNavigate: re,
+              onNotFound: () => V("feed")
             }
           ),
-          V === "files" && /* @__PURE__ */ i(
-            An,
+          L === "files" && /* @__PURE__ */ i(
+            Vn,
             {
-              entities: H,
+              entities: $,
               scope: x,
-              isLoadingVersion: ne
+              isLoadingVersion: ae
             }
           ),
-          V === "details" && /* @__PURE__ */ i(
-            zn,
+          L === "details" && /* @__PURE__ */ i(
+            Jn,
             {
               entityType: N,
-              entities: H,
-              activeUsers: h || [],
-              projectInfo: Ee,
-              projectName: G,
-              disabled: !Ae(),
+              entities: $,
+              activeUsers: p || [],
+              projectInfo: Pe,
+              projectName: z,
+              disabled: !Re(),
               scope: x,
-              statuses: Pe,
+              statuses: Ie,
               readOnly: !1,
               annotations: j,
               removeAnnotation: T,
               exportAnnotationComposite: v,
               children: /* @__PURE__ */ i(
-                $t,
+                Mt,
                 {
-                  entities: H,
-                  isLoading: ne
+                  entities: $,
+                  isLoading: ae
                 }
               )
             }
@@ -1762,14 +1795,14 @@ const xn = S(_e)`
       ] })
     }
   );
-}, ls = ({
+}, ms = ({
   isOpen: e,
   entityType: n,
   ...t
 }) => {
-  const { entities: o } = q();
-  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(rs, { ...t, entityType: n || o?.entityType });
-}, cs = kt`
+  const { entities: o } = G();
+  return !e && !o || !n && !o ? null : /* @__PURE__ */ i(ps, { ...t, entityType: n || o?.entityType });
+}, hs = xt`
 from {
   translate: 0 0;
 }
@@ -1777,7 +1810,7 @@ to {
   translate: calc(-100% - 8px) 0;
 
 }
-`, ds = S.div`
+`, gs = S.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -1786,11 +1819,11 @@ to {
   width: 100%;
   max-width: 533px;
 
-  animation: ${cs} 0.2s ease forwards;
-`, ua = ({ projectsInfo: e, scope: n }) => {
-  const { slideOut: t, onOpenViewer: o } = q(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: h } = We({ projectName: r }, { skip: !r }), b = e[r || ""] || {}, { tags: p = [] } = b, { closeSlideOut: f } = q(), g = () => f(), x = (O) => o?.(O);
-  return c ? /* @__PURE__ */ i(ds, { children: /* @__PURE__ */ i(
-    ls,
+  animation: ${hs} 0.2s ease forwards;
+`, ba = ({ projectsInfo: e, scope: n }) => {
+  const { slideOut: t, onOpenViewer: o } = G(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: p } = ze({ projectName: r }, { skip: !r }), b = e[r || ""] || {}, { tags: u = [] } = b, { closeSlideOut: g } = G(), f = () => g(), x = (A) => o?.(A);
+  return c ? /* @__PURE__ */ i(gs, { children: /* @__PURE__ */ i(
+    ms,
     {
       isOpen: !0,
       entityType: s,
@@ -1798,30 +1831,30 @@ to {
       entities: [{ id: a, projectName: r }],
       projectsInfo: { [r]: b },
       projectNames: [r],
-      tagsOptions: p,
-      projectUsers: h,
-      activeProjectUsers: h,
+      tagsOptions: u,
+      projectUsers: p,
+      activeProjectUsers: p,
       isSlideOut: !0,
       scope: n,
-      onClose: g,
+      onClose: f,
       onOpenViewer: x
     }
   ) }) : null;
 };
-S(kn)`
+S(Sn)`
   .p-dialog-header-icons {
     display: none;
   }
   .p-dialog-content {
   }
 `;
-const us = S.div`
+const fs = S.div`
   display: flex;
   flex-direction: column;
   margin: -8px;
   width: calc(100% + 16px);
   height: calc(100% + 16px);
-`, ps = S.header`
+`, bs = S.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -1833,7 +1866,7 @@ const us = S.div`
       display: none;
     }
   }
-`, hs = S.div`
+`, vs = S.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1870,12 +1903,12 @@ const us = S.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, ms = S.div`
+`, ys = S.div`
   display: flex;
   justify-content: space-between;
   padding: 8px;
   padding-top: 0;
-`, fs = S.div`
+`, ks = S.div`
   border-top: solid 1px var(--md-sys-color-outline-variant);
   height: 100%;
   overflow: hidden;
@@ -1894,7 +1927,7 @@ const us = S.div`
       display: none;
     }
   }
-`, gs = S.div`
+`, ws = S.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1905,69 +1938,69 @@ const us = S.div`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, pa = () => {
-  const { pip: e } = q(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Tt({ projects: a }, { skip: !s }), { data: c = {}, isFetching: h } = Nt(
+`, va = () => {
+  const { pip: e } = G(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Dt({ projects: a }, { skip: !s }), { data: c = {}, isFetching: p } = It(
     {
       projects: a
     },
     { skip: !s }
-  ), b = D(
-    () => Ze(c, a),
+  ), b = I(
+    () => et(c, a),
     [c, a]
-  ), { data: p = [], isFetching: f } = ze(
+  ), { data: u = [], isFetching: g } = Ge(
     // @ts-expect-error
     { entityType: n, entities: t },
     {
-      skip: !s || h
+      skip: !s || p
     }
-  ), g = D(
-    () => tt(c, a),
+  ), f = I(
+    () => nt(c, a),
     [c, a]
-  ), x = D(
+  ), x = I(
     () => ({
-      task: g.taskTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
-      folder: g.folderTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
-      product: g.productTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {})
+      task: f.taskTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
+      folder: f.folderTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
+      product: f.productTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {})
     }),
-    [g]
-  ), O = D(
-    () => n ? Je(p, n, x) : [],
-    [p, n]
-  ), R = D(() => r.filter((v) => p.some((w) => w?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), P = p[0];
-  if (!p.length || !P) return null;
-  if (f) return /* @__PURE__ */ i("div", { children: "Loading..." });
-  const l = P?.projectName, C = p.some((v) => v?.status !== P?.status) ? {
+    [f]
+  ), A = I(
+    () => n ? Xe(u, n, x) : [],
+    [u, n]
+  ), R = I(() => r.filter((v) => u.some((w) => w?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), E = u[0];
+  if (!u.length || !E) return null;
+  if (g) return /* @__PURE__ */ i("div", { children: "Loading..." });
+  const l = E?.projectName, C = u.some((v) => v?.status !== E?.status) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
-  } : b.find((v) => v.name === P?.status) || {
+  } : b.find((v) => v.name === E?.status) || {
     icon: "",
     color: "",
     name: "None"
   };
   if (!n) return null;
-  const { title: j, subTitle: T } = Ye(p, n);
-  return /* @__PURE__ */ i(qt, { children: /* @__PURE__ */ i(qe, { projectName: l, children: /* @__PURE__ */ k(us, { children: [
-    /* @__PURE__ */ k(ps, { children: [
-      /* @__PURE__ */ i(Ge, { thumbnails: O }),
-      /* @__PURE__ */ k(hs, { children: [
+  const { title: j, subTitle: T } = Ze(u, n);
+  return /* @__PURE__ */ i(Jt, { children: /* @__PURE__ */ i(Ke, { projectName: l, children: /* @__PURE__ */ k(fs, { children: [
+    /* @__PURE__ */ k(bs, { children: [
+      /* @__PURE__ */ i(Qe, { thumbnails: A }),
+      /* @__PURE__ */ k(vs, { children: [
         /* @__PURE__ */ i("h2", { children: j }),
         /* @__PURE__ */ k("div", { className: "sub-title", children: [
           /* @__PURE__ */ k("span", { children: [
-            Qe(n),
+            qe(n),
             " - "
           ] }),
           /* @__PURE__ */ i("h3", { children: T })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k(ms, { children: [
+    /* @__PURE__ */ k(ys, { children: [
       /* @__PURE__ */ k(
-        gs,
+        ws,
         {
           style: {
             backgroundColor: C?.color,
-            color: He(C?.color)
+            color: Be(C?.color)
           },
           children: [
             /* @__PURE__ */ i(fe, { icon: C.icon || "question_mark", style: { color: "inherit" } }),
@@ -1975,14 +2008,14 @@ const us = S.div`
           ]
         }
       ),
-      /* @__PURE__ */ i(bt, { users: R, style: { pointerEvents: "none" } })
+      /* @__PURE__ */ i(yt, { users: R, style: { pointerEvents: "none" } })
     ] }),
-    /* @__PURE__ */ i(fs, { children: /* @__PURE__ */ i(
-      et,
+    /* @__PURE__ */ i(ks, { children: /* @__PURE__ */ i(
+      tt,
       {
         entityType: n,
-        entities: p,
-        thumbnailHash: P?.thumbnailHash,
+        entities: u,
+        thumbnailHash: E?.thumbnailHash,
         activeUsers: [],
         projectInfo: c[l],
         projectName: l,
@@ -1995,22 +2028,22 @@ const us = S.div`
   ] }) }) });
 };
 export {
-  Ut as AssigneeSelect,
-  fa as CloseButton,
-  jt as Content,
-  ga as ContentRow,
-  ls as DetailsPanel,
-  pa as DetailsPanelFloating,
-  ua as DetailsPanelSlideOut,
-  ba as Footer,
-  It as Grid,
-  Ft as Header,
-  Et as HeaderContainer,
-  va as LabelWrapper,
-  Lt as PriorityEnumDropdown,
-  Rt as StatusSelect,
-  At as TagsSelect,
-  ya as ThumbnailWrapper,
-  Ot as Title,
-  is as entitiesWithoutFeed
+  Lt as AssigneeSelect,
+  wa as CloseButton,
+  Ot as Content,
+  xa as ContentRow,
+  ms as DetailsPanel,
+  va as DetailsPanelFloating,
+  ba as DetailsPanelSlideOut,
+  Sa as Footer,
+  jt as Grid,
+  At as Header,
+  Ft as HeaderContainer,
+  Ca as LabelWrapper,
+  $t as PriorityEnumDropdown,
+  Vt as StatusSelect,
+  Ut as TagsSelect,
+  Ta as ThumbnailWrapper,
+  Rt as Title,
+  us as entitiesWithoutFeed
 };