@ynput/ayon-frontend-shared 0.6.9 → 0.7.1

package/dist/chunks/Feed.es.js

@@ -1,52 +1,53 @@
-import { jsx as l, jsxs as x, Fragment as Ae } from "react/jsx-runtime";
-import Zt, { useMemo as N, useState as L, useEffect as G, lazy as fo, Suspense as yo, useCallback as qe, useRef as ve, forwardRef as ht, useId as vo, Fragment as bo } from "react";
-import { v4 as bn } from "uuid";
-import ee, { clsx as wn } from "clsx";
-import xn from "react-markdown";
-import kn from "remark-emoji";
+import { jsx as l, jsxs as k, Fragment as Ce } from "react/jsx-runtime";
+import en, { useMemo as S, useState as L, useEffect as G, lazy as vo, Suspense as bo, useCallback as qe, useRef as ge, forwardRef as ft, useId as wo, Fragment as xo } from "react";
+import { v4 as wn } from "uuid";
+import ee, { clsx as xn } from "clsx";
+import kn from "react-markdown";
+import An from "remark-emoji";
 import Fn from "remark-gfm";
-import wo from "remark-directive";
-import xo from "remark-directive-rehype";
+import ko from "remark-directive";
+import Ao from "remark-directive-rehype";
 import { toast as Fe } from "react-toastify";
-import { $createListItemNode as ko, $createListNode as Fo } from "@lexical/list";
-import { $getRoot as Ao } from "lexical";
-import { Button as st, Dialog as Co, getFileSizeString as To, Icon as ie, theme as An, getTextColor as _t, Dropdown as Do, SaveButton as So, UserImage as Cn, SEARCH_FILTER_ID as Tn, buildFilterId as en, getFilterFromId as No, SearchFilter as Io } from "@ynput/ayon-react-components";
-import { _ as Eo, a2 as Dn, a3 as Mo, H as Po, a4 as _o, a5 as tn, a6 as Ro, a7 as Lo, a8 as $o, y as Oo, a9 as Vo, aa as jo, ab as Uo, ac as zo, ad as Bo, ae as Go, af as Ho, ag as qo, ah as Wo, ai as Qo, aj as Yo, O as Rt, W as Sn, T as Jo, a1 as Xo, ak as Ko, al as Zo, am as ea, an as ta, ao as na, ap as oa, aq as nn, ar as aa, b as ra, c as ia, i as sa, as as ca, S as la, e as da, L as ua } from "./PlayableIcon.es.js";
+import { $createListItemNode as Fo, $createListNode as Co } from "@lexical/list";
+import { $getRoot as To } from "lexical";
+import { Button as ct, Dialog as Do, getFileSizeString as No, Icon as se, theme as Cn, getTextColor as _t, Dropdown as So, SaveButton as Io, UserImage as Tn, SEARCH_FILTER_ID as Dn, buildFilterId as tn, getFilterFromId as Eo, SearchFilter as Mo } from "@ynput/ayon-react-components";
+import { _ as Po, a1 as Nn, a2 as _o, H as Ro, a3 as Lo, a4 as nn, a5 as $o, a6 as Oo, a7 as Vo, y as jo, a8 as Uo, a9 as zo, aa as Bo, ab as Go, ac as Ho, ad as qo, ae as Wo, af as Qo, ag as Yo, ah as Jo, ai as Ko, O as Rt, W as Sn, T as Xo, aj as Zo, ak as ea, al as ta, am as na, an as oa, ao as aa, ap as ra, aq as on, ar as ia, b as sa, c as ca, i as la, as as da, S as ua, e as ma, L as pa } from "./PlayableIcon.es.js";
 import "@lexical/code";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
-import A, { css as Lt } from "styled-components";
-import { C as ma } from "./CodeEditor.es.js";
-import { E as Nt } from "./EmptyPlaceholder.es.js";
-import { a as pa, M as ga } from "./Menu.es.js";
-import { aR as ha, bj as on } from "./searchTerms.es.js";
-import { bg as fa, bj as ya, aF as va, dg as ba, aS as wa, aM as xa, a$ as ka, N as Fa, bB as Aa, bi as Ca, bt as Ta, bn as Da, bh as Sa, cy as Na, bX as Ia } from "./getUris.es.js";
+import F, { css as Lt } from "styled-components";
+import { C as ga } from "./CodeEditor.es.js";
+import { E as St } from "./EmptyPlaceholder.es.js";
+import "./EmptyPlaceholderFlex.styled.es.js";
+import { a_ as ha, bt as an } from "./searchTerms.es.js";
+import { bk as fa, bn as ya, aJ as va, dn as ba, aW as wa, aQ as xa, b3 as ka, Q as Aa, bF as Fa, bm as Ca, bx as Ta, br as Da, bl as Na, cE as Sa, c1 as Ia } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { union as Ea, isEqual as Ma } from "lodash";
-import { b as Pa, F as _a, u as $e, a as Nn, T as Ra, C as La } from "./ThumbnailSimple.es.js";
+import { b as Pa, F as _a, u as $e, a as In, T as Ra, C as La } from "./ThumbnailSimple.es.js";
 import "@module-federation/enhanced/runtime";
-import { o as ze, x as $a, _ as ft, u as Oa } from "./DeleteEntitiesContextInstance.es.js";
+import { o as ze, x as $a, a0 as yt, u as Oa } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
 import "react-redux";
-import { p as ye } from "./parseFilename.es.js";
+import "react-router-dom";
+import { p as be } from "./parseFilename.es.js";
 import $t from "axios";
-import { b as an } from "./colorUtils.es.js";
+import { b as rn } from "./colorUtils.es.js";
 import "./EntityTooltip.es.js";
-import { isValid as ct, isToday as Va, isSameYear as ja, isSameDay as Ua, isSameWeek as za, isSameMinute as Ba, format as rn, formatISO as Ga, differenceInMinutes as Ha, differenceInSeconds as qa, compareAsc as Wa } from "date-fns";
-import "./MenuItem.es.js";
-import { InView as Qa } from "react-intersection-observer";
-import { t as Ya, c as Ja } from "./queryFilterToClientFilter.es.js";
-import { r as Xa, a as Ka, m as Za, u as er } from "./useDateRangeFilter.es.js";
+import { isValid as lt, isToday as Va, isSameYear as ja, isSameDay as Ua, isSameWeek as za, isSameMinute as Ba, format as sn, formatISO as Ga, differenceInMinutes as Ha, differenceInSeconds as qa, compareAsc as Wa } from "date-fns";
+import { a as Qa, M as Ya } from "./Menu.es.js";
+import { InView as Ja } from "react-intersection-observer";
+import { t as Ka, c as Xa } from "./queryFilterToClientFilter.es.js";
+import { r as Za, a as er, m as tr, u as nr } from "./useDateRangeFilter.es.js";
 import "match-sorter";
-import { c as tr } from "./confirmDelete.es.js";
-import { c as In } from "./copyToClipboard.es.js";
-import { g as sn } from "./realtimeUpdatesUtils.es.js";
-const nr = ({
+import { c as or } from "./confirmDelete.es.js";
+import { c as En } from "./copyToClipboard.es.js";
+import { g as cn } from "./realtimeUpdatesUtils.es.js";
+const ar = ({
   entities: e,
   filter: t,
   backendFilter: o,
@@ -54,7 +55,7 @@ const nr = ({
   projectName: a,
   entityType: r
 }) => {
-  const i = N(
+  const i = S(
     () => e.map((b) => ({ id: b.id, projectName: b.projectName, entityType: r })),
     [e]
   ).map((b) => b.id), c = !e.length || !t || !n || !a, m = {
@@ -73,13 +74,13 @@ const nr = ({
     fetchNextPage: v,
     hasNextPage: y
   } = fa(m, { skip: c });
-  const D = N(() => p?.pages ? p.pages.flatMap((b) => b.activities || []) : [], [p?.pages]), P = N(() => h?.pages ? h.pages.flatMap((b) => b.activities || []) : [], [h?.pages]), C = async () => {
+  const D = S(() => p?.pages ? p.pages.flatMap((b) => b.activities || []) : [], [p?.pages]), P = S(() => h?.pages ? h.pages.flatMap((b) => b.activities || []) : [], [h?.pages]), C = async () => {
     if (!y) {
       console.log("No more activities to load");
       return;
     }
     return console.log("loading next page..."), await v();
-  }, f = N(() => {
+  }, f = S(() => {
     if (!g) return !1;
     const b = Ea(
       P?.flatMap((T) => T.entityId ? T.entityId : [])
@@ -94,24 +95,24 @@ const nr = ({
     hasNextPage: y,
     loadNextPage: C
   };
-}, rt = "__new__", Tc = ({ children: e, ...t }) => {
+}, it = "__new__", Sc = ({ children: e, ...t }) => {
   const { isGuest: o } = ze(), { data: n = [] } = ya({ projects: [t.projectName] }), { data: a = [] } = ha.useGetTeamsQuery(
     { projectName: t.projectName, showMembers: !0 },
     { skip: !t.projectName }
-  ), r = N(
-    () => a.filter((j) => j.members?.some((de) => de.name === t.userName)).map((j) => j.name),
+  ), r = S(
+    () => a.filter((U) => U.members?.some((de) => de.name === t.userName)).map((U) => U.name),
     [a, t.userName]
   ), [s, i] = L({
     operator: "and",
     conditions: []
-  }), [c, m] = L(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = L(null), [v, y] = L(null), [D, { isLoading: P }] = va(), [C, { isLoading: f }] = ba(), [b, { isLoading: T }] = wa(), I = P || f || T, _ = async (j) => await D(j).unwrap(), R = async (j) => await C(j).unwrap(), E = async (j) => await b(j).unwrap(), [S] = xa(), [Q] = ka(), Y = async (j) => await S(j).unwrap(), H = async (j) => await Q(j).unwrap(), J = Fa(p), q = N(() => Pa(p), [p]), $ = nr({
+  }), [c, m] = L(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = L(null), [v, y] = L(null), [D, { isLoading: P }] = va(), [C, { isLoading: f }] = ba(), [b, { isLoading: T }] = wa(), I = P || f || T, _ = async (U) => await D(U).unwrap(), R = async (U) => await C(U).unwrap(), E = async (U) => await b(U).unwrap(), [N] = xa(), [Q] = ka(), Y = async (U) => await N(U).unwrap(), H = async (U) => await Q(U).unwrap(), J = Aa(p), q = S(() => Pa(p), [p]), $ = ar({
     entities: t.entities,
     filter: p,
     backendFilter: q,
     activityTypes: J,
     projectName: t.projectName,
     entityType: t.entityType
-  }), { data: te = {} } = Aa(
+  }), { data: te = {} } = Fa(
     {
       suggestRequest: {
         entityType: t.entityType,
@@ -125,7 +126,7 @@ const nr = ({
   }), { data: W } = Ta(
     {
       projectName: t.projectName,
-      entityIds: t.entities.map((j) => j.id)
+      entityIds: t.entities.map((U) => U.id)
     },
     { skip: !t.projectName || !t.entities.length }
   );
@@ -162,7 +163,7 @@ const nr = ({
       children: e
     }
   );
-}, or = A.div`
+}, rr = F.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
   gap: var(--base-gap-large);
@@ -178,7 +179,7 @@ const nr = ({
     301px + var(--padding-s) + var(--padding-s) + var(--base-gap-large)+ var(--base-gap-large)
   );
   overflow: auto;
-`, ar = A.div`
+`, ir = F.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -224,7 +225,7 @@ const nr = ({
   .download-icon {
     color: var(--md-sys-color-outline);
   }
-`, rr = A.footer`
+`, sr = F.footer`
   background-color: var(--md-sys-color-surface-container-low);
   display: flex;
   align-items: center;
@@ -324,7 +325,7 @@ const nr = ({
       }
     }
   }
-`, ir = A.div`
+`, cr = F.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -361,7 +362,7 @@ const nr = ({
   &:hover .image-wrapper::after {
     opacity: 0.8;
   }
-`, cn = A.div`
+`, ln = F.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -400,7 +401,7 @@ const nr = ({
   &.posterError {
     background-color: transparent;
   }
-`, sr = A.div`
+`, lr = F.div`
   display: none;
   position: absolute;
   left: 0;
@@ -409,7 +410,7 @@ const nr = ({
   height: calc(100% - 20px);
   width: 100%;
   gap: 0;
-`, ln = A(st)`
+`, dn = F(ct)`
   height: 100%;
   width: 100%;
   border: none;
@@ -420,7 +421,7 @@ const nr = ({
     background: none;
     opacity: 1;
   }
-`, cr = A(Eo)`
+`, dr = F(Po)`
   --icon-size: 32px;
   top: calc(50% - 10px);
   left: 50%;
@@ -432,7 +433,7 @@ const nr = ({
   .icon {
     font-size: var(--icon-size);
   }
-`, Dc = A(Co)`
+`, Ic = F(Do)`
   min-height: 90vh;
   max-height: 90vh;
   min-width: min(90vw, 100%);
@@ -517,7 +518,7 @@ const nr = ({
   &:focus-visible {
     outline: none;
   }
-`, lr = A.img`
+`, ur = F.img`
   height: 100%;
   width: 100%;
 
@@ -527,7 +528,7 @@ const nr = ({
   max-width: 90vw;
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, Sc = A.div`
+`, Ec = F.div`
   &.scrollable {
     position: absolute;
     inset: 56px;
@@ -539,7 +540,7 @@ const nr = ({
     inset: 56px 0 0 0;
     display: flex;
   }
-`, dn = A.div`
+`, un = F.div`
   position: relative;
   display: flex;
   flex: 1;
@@ -556,19 +557,19 @@ const nr = ({
     flex: 1;
     min-width: 0;
   }
-`, lt = (e, t) => `/api/projects/${t}/files/${e}`, dr = ({
+`, dt = (e, t) => `/api/projects/${t}/files/${e}`, mr = ({
   file: e,
   fullPreviews: t = ["png", "jpg", "jpeg", "gif", "svg", "webp"]
 }) => {
   const { id: o, projectName: n, mime: a } = e;
-  let r = lt(o, n);
-  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ l(lr, { src: r, autoFocus: !0 });
-}, ur = A(ma)`
+  let r = dt(o, n);
+  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ l(ur, { src: r, autoFocus: !0 });
+}, pr = F(ga)`
   border-radius: var(--border-radius-m);
   height: 100%;
   overflow: auto !important;
-`, mr = ({ file: e }) => {
-  let t = lt(e.id, e.projectName);
+`, gr = ({ file: e }) => {
+  let t = dt(e.id, e.projectName);
   const [o, n] = L(""), [a, r] = L(null);
   return G(() => {
     (async () => {
@@ -582,11 +583,11 @@ const nr = ({
         r(i.message);
       }
     })();
-  }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ x("div", { children: [
+  }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ k("div", { children: [
     "Error: ",
     a
-  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ l(xn, { remarkPlugins: [Fn, kn], children: o }) : /* @__PURE__ */ l(ur, { value: o, language: e.extension, readOnly: !0 });
-}, En = () => import("./VideoPlayer.es.js"), pr = fo(En), gr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, hr = 1e4, fr = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", yr = (e, t) => {
+  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ l(kn, { remarkPlugins: [Fn, An], children: o }) : /* @__PURE__ */ l(pr, { value: o, language: e.extension, readOnly: !0 });
+}, Mn = () => import("./VideoPlayer.es.js"), hr = vo(Mn), fr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, yr = 1e4, vr = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", br = (e, t) => {
   const [o, n] = L({ status: "loading" });
   return G(() => {
     n({ status: "loading" });
@@ -602,14 +603,14 @@ const nr = ({
         width: r.videoWidth,
         height: r.videoHeight
       };
-      if (gr(u)) {
+      if (fr(u)) {
         i(), n({ status: "ready", metadata: u });
         return;
       }
       p(`unusable metadata ${JSON.stringify(u)}`);
     }
     function m() {
-      a || (clearTimeout(s), p(fr(r?.error ?? null)));
+      a || (clearTimeout(s), p(vr(r?.error ?? null)));
     }
     const p = (u) => {
       const h = r?.preload === "metadata";
@@ -620,7 +621,7 @@ const nr = ({
       console.warn(`[VideoMime] video cannot be played: ${u}`, e), n({ status: "error" });
     };
     function g(u) {
-      r = document.createElement("video"), r.preload = u, r.muted = !0, r.playsInline = !0, s = setTimeout(() => !a && p("timed out"), hr), r.addEventListener("loadedmetadata", c), r.addEventListener("error", m), r.src = e;
+      r = document.createElement("video"), r.preload = u, r.muted = !0, r.playsInline = !0, s = setTimeout(() => !a && p("timed out"), yr), r.addEventListener("loadedmetadata", c), r.addEventListener("error", m), r.src = e;
     }
     return g("metadata"), () => {
       a = !0, clearTimeout(s), i();
@@ -636,18 +637,18 @@ const nr = ({
       codec: t?.codec
     }
   };
-}, vr = ({ file: e }) => {
-  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = lt(t, o), s = yr(r, a);
+}, wr = ({ file: e }) => {
+  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = dt(t, o), s = br(r, a);
   if (G(() => {
-    En();
+    Mn();
   }, []), s.status === "error")
-    return /* @__PURE__ */ l(dn, { children: /* @__PURE__ */ l(Nt, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ x("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
+    return /* @__PURE__ */ l(un, { children: /* @__PURE__ */ l(St, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ k("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
       "Download ",
       n
     ] }) }) });
-  const i = /* @__PURE__ */ l(dn, { children: /* @__PURE__ */ l(Nt, { icon: "hourglass_empty", message: "Loading video..." }) });
-  return s.status === "loading" ? i : /* @__PURE__ */ l(yo, { fallback: i, children: /* @__PURE__ */ l(
-    pr,
+  const i = /* @__PURE__ */ l(un, { children: /* @__PURE__ */ l(St, { icon: "hourglass_empty", message: "Loading video..." }) });
+  return s.status === "loading" ? i : /* @__PURE__ */ l(bo, { fallback: i, children: /* @__PURE__ */ l(
+    hr,
     {
       id: t,
       name: n,
@@ -660,20 +661,20 @@ const nr = ({
       codec: s.metadata.codec
     }
   ) });
-}, br = {
+}, xr = {
   image: {
-    component: dr,
+    component: mr,
     mimeTypes: ["image/"],
     fullPreviews: ["png", "jpg", "jpeg", "gif", "svg", "webp"],
     id: "image"
   },
   video: {
-    component: vr,
+    component: wr,
     mimeTypes: ["video/"],
     id: "video"
   },
   text: {
-    component: mr,
+    component: gr,
     mimeTypes: ["text/", "application/json", "scss", "jsx"],
     id: "text"
   },
@@ -681,11 +682,11 @@ const nr = ({
     component: null,
     mimeTypes: ["pdf"],
     id: "pdf",
-    callback: (e) => window.open(lt(e.id, e.projectName), "_blank")
+    callback: (e) => window.open(dt(e.id, e.projectName), "_blank")
   }
-}, yt = (e = "", t = "") => Object.values(br).some(
+}, vt = (e = "", t = "") => Object.values(xr).some(
   ({ mimeTypes: o = [] }) => o.some((n) => (e || t)?.includes(n))
-), wr = {
+), kr = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -727,12 +728,12 @@ const nr = ({
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, xr = (e) => {
-  for (const [t, o] of Object.entries(wr))
+}, Ar = (e) => {
+  for (const [t, o] of Object.entries(kr))
     if (o.some((n) => e.includes(n)))
       return t;
   return "draft";
-}, kr = ({
+}, Fr = ({
   name: e,
   mime: t,
   src: o,
@@ -750,44 +751,44 @@ const nr = ({
   className: v,
   ...y
 }) => {
-  const D = i && i < 100, [P, C] = L(!1), [f, b] = L(!1), { feedAnnotationsEnabled: T } = ze(), { entities: I } = $e(), _ = e.split("."), R = _.pop() || "", E = _.join("."), S = yt(t || "." + R), Q = t?.includes("image/") || !!n, H = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, J = /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ l("span", { className: "size", children: To(s) }),
-    /* @__PURE__ */ l(ie, { icon: "download", className: "download-icon" })
-  ] }), q = N(
+  const D = i && i < 100, [P, C] = L(!1), [f, b] = L(!1), { feedAnnotationsEnabled: T } = ze(), { entities: I } = $e(), _ = e.split("."), R = _.pop() || "", E = _.join("."), N = vt(t || "." + R), Q = t?.includes("image/") || !!n, H = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, J = /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ l("span", { className: "size", children: No(s) }),
+    /* @__PURE__ */ l(se, { icon: "download", className: "download-icon" })
+  ] }), q = S(
     () => n ?? a,
     [n, a]
-  ), $ = N(() => I.at(0), [I]), te = N(() => {
+  ), $ = S(() => I.at(0), [I]), te = S(() => {
     if (!q?.range)
       return [1, 1];
     const oe = r === void 0 ? $?.attrib?.frameStart : r;
     return Number.isFinite(oe) ? [oe - 1 + q.range[0], oe - 1 + q.range[1]] : q.range;
   }, [q, r, $]);
-  return /* @__PURE__ */ x(
-    ar,
+  return /* @__PURE__ */ k(
+    ir,
     {
       className: ee(v, {
         compact: m,
         isDownloadable: p,
-        isPreviewable: S,
+        isPreviewable: N,
         isUnsavedAnnotation: !!n
       }),
       ...y,
       children: [
-        /* @__PURE__ */ x(
-          ir,
+        /* @__PURE__ */ k(
+          cr,
           {
             className: ee("content-wrapper", {
-              isPreviewable: S,
+              isPreviewable: N,
               isUnsavedAnnotation: !!n
             }),
             children: [
-              /* @__PURE__ */ l(ie, { icon: xr(t || "." + R), className: "type-icon" }),
+              /* @__PURE__ */ l(se, { icon: Ar(t || "." + R), className: "type-icon" }),
               Q && o && /* @__PURE__ */ l(
-                cn,
+                ln,
                 {
                   className: ee({
                     "image-wrapper": !0,
-                    isDownloadable: p || S || n
+                    isDownloadable: p || N || n
                   }),
                   children: /* @__PURE__ */ l(
                     "img",
@@ -801,23 +802,23 @@ const nr = ({
                   )
                 }
               ),
-              H && /* @__PURE__ */ x(
-                cn,
+              H && /* @__PURE__ */ k(
+                ln,
                 {
                   className: ee({
                     "image-wrapper": !0,
-                    isDownloadable: p || S,
+                    isDownloadable: p || N,
                     posterError: f
                   }),
                   children: [
                     !f && /* @__PURE__ */ l("img", { src: H, onError: () => b(!0) }),
-                    /* @__PURE__ */ l(cr, {})
+                    /* @__PURE__ */ l(dr, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ x(sr, { className: "expand-buttons", children: [
-                S && !u && /* @__PURE__ */ l(
-                  ln,
+              /* @__PURE__ */ k(lr, { className: "expand-buttons", children: [
+                N && !u && /* @__PURE__ */ l(
+                  dn,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
@@ -826,7 +827,7 @@ const nr = ({
                   }
                 ),
                 (n || T && a) && /* @__PURE__ */ l(
-                  ln,
+                  dn,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
@@ -838,23 +839,23 @@ const nr = ({
             ]
           }
         ),
-        /* @__PURE__ */ x(
-          rr,
+        /* @__PURE__ */ k(
+          sr,
           {
             className: ee({
               inProgress: D,
-              isPreviewable: S && !u,
+              isPreviewable: N && !u,
               isDownloadable: p
             }),
             children: [
               /* @__PURE__ */ l("span", { className: "progress", style: { right: `${100 - i}%` } }),
-              /* @__PURE__ */ l("div", { className: "name-wrapper", children: q ? /* @__PURE__ */ x("span", { className: "name", children: [
-                /* @__PURE__ */ l(ie, { icon: "draw" }),
+              /* @__PURE__ */ l("div", { className: "name-wrapper", children: q ? /* @__PURE__ */ k("span", { className: "name", children: [
+                /* @__PURE__ */ l(se, { icon: "draw" }),
                 te[0],
                 te[1] !== te[0] && ` - ${te[1]}`
-              ] }) : /* @__PURE__ */ x("span", { className: "name", children: [
+              ] }) : /* @__PURE__ */ k("span", { className: "name", children: [
                 E,
-                /* @__PURE__ */ x("span", { className: "extension", children: [
+                /* @__PURE__ */ k("span", { className: "extension", children: [
                   ".",
                   R
                 ] })
@@ -863,11 +864,11 @@ const nr = ({
             ]
           }
         ),
-        c && /* @__PURE__ */ l(st, { className: "remove", onClick: c, icon: "close" })
+        c && /* @__PURE__ */ l(ct, { className: "remove", onClick: c, icon: "close" })
       ]
     }
   );
-}, Mn = ({
+}, Pn = ({
   files: e = [],
   activityId: t,
   isCompact: o,
@@ -883,19 +884,19 @@ const nr = ({
   if (!e.length) return null;
   const g = qe(
     (u) => {
-      const h = e.filter((y) => yt(y.mime, y.ext)), v = h.findIndex((y) => y.id === e[u].id);
+      const h = e.filter((y) => vt(y.mime, y.ext)), v = h.findIndex((y) => y.id === e[u].id);
       i?.({ files: h, index: v, activityId: t || "" });
     },
     [i]
   );
-  return /* @__PURE__ */ l(or, { className: ee({ compact: o }), ...p, children: e.map((u, h) => /* @__PURE__ */ l(
-    kr,
+  return /* @__PURE__ */ l(rr, { className: ee({ compact: o }), ...p, children: e.map((u, h) => /* @__PURE__ */ l(
+    Fr,
     {
       id: u.id || u.name,
       name: u.name,
       mime: u.mime || u.type,
       size: u.size,
-      src: u.unsavedAnnotation ? u.thumbnail : u.id ? lt(u.id, r) : void 0,
+      src: u.unsavedAnnotation ? u.thumbnail : u.id ? dt(u.id, r) : void 0,
       unsavedAnnotation: u.unsavedAnnotation,
       savedAnnotation: u.annotation,
       progress: u.progress,
@@ -909,7 +910,7 @@ const nr = ({
     },
     u.id || u.name
   )) });
-}, Fr = (e) => {
+}, Cr = (e) => {
   const t = /!\[.*?\]\((.*?)\)/g, o = e.match(t);
   let n = e;
   return o && o.forEach((a) => {
@@ -917,15 +918,15 @@ const nr = ({
     const r = a.match(/\(([^)]+)\)/)[1], s = r.split("?")[0];
     n = e.replace(r, s);
   }), n;
-}, Ar = new AbortController(), Cr = $t.CancelToken, Tr = Cr.source(), We = (e, t, o) => new Promise((n, a) => {
+}, Tr = new AbortController(), Dr = $t.CancelToken, Nr = Dr.source(), We = (e, t, o) => new Promise((n, a) => {
   new FormData().append("image", e);
   const s = {
-    signal: Ar.signal,
-    cancelToken: Tr.token,
+    signal: Tr.signal,
+    cancelToken: Nr.token,
     onUploadProgress: (i) => o && o(i, e),
     headers: {
       "Content-Type": e.type,
-      "x-file-name": ye(e.name)
+      "x-file-name": be(e.name)
     }
   };
   $t.post(`/api/projects/${t}/files`, e, s).then((i) => {
@@ -933,7 +934,7 @@ const nr = ({
   }).catch((i) => {
     console.error(i), a({ message: "Upload failed: " + i.response.data.detail });
   });
-}), Dr = (e, t, o, n, a) => {
+}), Sr = (e, t, o, n, a) => {
   e.preventDefault(), e.stopPropagation();
   let r = e.dataTransfer.files;
   if (r?.length) {
@@ -946,17 +947,17 @@ const nr = ({
         }
       );
   }
-}, Sr = (e, t, o) => (t || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((n) => {
+}, Ir = (e, t, o) => (t || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((n) => {
   n.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", n);
 }), Object.values(e).filter(
-  (n) => n.versionId === t && !o.some((a) => a.name === ye(n.name))
+  (n) => n.versionId === t && !o.some((a) => a.name === be(n.name))
 ).map((n) => ({
   ...n,
   unsavedAnnotation: n
-}))), Nr = ({ entityId: e, filesUploading: t }) => {
-  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: s } = ze(), i = Sr(a || [], e, t);
+}))), Er = ({ entityId: e, filesUploading: t }) => {
+  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: s } = ze(), i = Ir(a || [], e, t);
   return G(() => {
-    i.length > 0 && !o && n(rt);
+    i.length > 0 && !o && n(it);
   }, [i]), {
     annotations: i,
     goToAnnotation: (m) => {
@@ -965,15 +966,15 @@ const nr = ({
     },
     removeAnnotation: r
   };
-}, Pn = (e) => N(() => {
+}, _n = (e) => S(() => {
   if (!e)
     return { primary: void 0, secondary: void 0 };
-  const t = getComputedStyle(document.documentElement), o = t.getPropertyValue("--md-sys-color-surface-container").trim(), n = t.getPropertyValue("--md-sys-color-surface-container-high").trim(), a = o || e, r = n || e, s = an(e, a, 0.1) || e, i = an(e, r, 0.2) || e;
+  const t = getComputedStyle(document.documentElement), o = t.getPropertyValue("--md-sys-color-surface-container").trim(), n = t.getPropertyValue("--md-sys-color-surface-container-high").trim(), a = o || e, r = n || e, s = rn(e, a, 0.1) || e, i = rn(e, r, 0.2) || e;
   return {
     primary: s,
     secondary: i
   };
-}, [e]), Ir = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
+}, [e]), Mr = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
   const { exportAnnotationComposite: r } = $e(), s = async (c) => {
     const m = await r?.(c.id);
     if (!m)
@@ -1015,38 +1016,38 @@ const nr = ({
       return Fe.error("Upload failed: " + m.message), { files: [], metadata: [] };
     }
   };
-}, _n = "ayon-comment-draft/", Rn = 720 * 60 * 60 * 1e3, Er = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, Ln = (e) => {
+}, Rn = "ayon-comment-draft/", Ln = 720 * 60 * 60 * 1e3, Pr = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, $n = (e) => {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : null;
   } catch {
     return null;
   }
-}, Mr = (e, t) => {
+}, _r = (e, t) => {
   try {
-    Er(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
+    Pr(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
   } catch (o) {
     console.warn("Could not save comment draft", o);
   }
-}, Pr = () => {
+}, Rr = () => {
   try {
     const e = Date.now();
     for (const t of Object.keys(localStorage)) {
-      if (!t.startsWith(_n)) continue;
-      const o = Ln(t);
-      (!o || e - o.savedAt > Rn) && localStorage.removeItem(t);
+      if (!t.startsWith(Rn)) continue;
+      const o = $n(t);
+      (!o || e - o.savedAt > Ln) && localStorage.removeItem(t);
     }
   } catch {
   }
-}, _r = (e, t, o) => e && t && o.length ? `${_n}${e}/${t}/${[...o].sort().join(",")}` : null, Rr = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
-  const a = ve(null), r = ve(!1);
+}, Lr = (e, t, o) => e && t && o.length ? `${Rn}${e}/${t}/${[...o].sort().join(",")}` : null, $r = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
+  const a = ge(null), r = ge(!1);
   G(() => {
     if (!e || o) return;
     const s = a.current;
     if (a.current = e, s === e) return;
-    s || Pr();
-    const i = Ln(e);
-    i && Date.now() - i.savedAt <= Rn ? (r.current = !0, n({
+    s || Rr();
+    const i = $n(e);
+    i && Date.now() - i.savedAt <= Ln ? (r.current = !0, n({
       text: i.text ?? "",
       files: i.files ?? [],
       uploadedAnnotations: i.uploadedAnnotations ?? [],
@@ -1057,9 +1058,9 @@ const nr = ({
       r.current = !1;
       return;
     }
-    !e || o || Mr(e, t);
+    !e || o || _r(e, t);
   }, [e, o, t.text, t.files, t.uploadedAnnotations, t.category]);
-}, Lr = "Category", $r = A.div`
+}, Or = "Category", Vr = F.div`
   display: flex;
   padding: 2px 4px;
   justify-content: center;
@@ -1085,7 +1086,7 @@ const nr = ({
 
   &.compact {
     padding: 1px 2px;
-    ${An.labelMedium}
+    ${Cn.labelMedium}
   }
 
   &.editing {
@@ -1108,9 +1109,9 @@ const nr = ({
       color: var(--md-sys-color-tertiary);
     }
   }
-`, it = ht(
+`, st = ft(
   ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: s, className: i, ...c }, m) => /* @__PURE__ */ l(
-    $r,
+    Vr,
     {
       ...c,
       ref: m,
@@ -1129,10 +1130,10 @@ const nr = ({
           color: _t(t)
         }
       },
-      children: e || Lr
+      children: e || Or
     }
   )
-), Or = A.span`
+), jr = F.span`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1151,7 +1152,7 @@ const nr = ({
       color: var(--md-sys-color-on-surface) !important;
     }
   }
-`, Vr = ht(
+`, Ur = ft(
   ({
     label: e,
     color: t,
@@ -1163,8 +1164,8 @@ const nr = ({
     style: i,
     className: c,
     ...m
-  }, p) => /* @__PURE__ */ x(
-    Or,
+  }, p) => /* @__PURE__ */ k(
+    jr,
     {
       ...m,
       className: ee(c, { selected: n }),
@@ -1173,7 +1174,7 @@ const nr = ({
       children: [
         a,
         /* @__PURE__ */ l(
-          ie,
+          se,
           {
             icon: o || (s ? "clear" : "crop_square"),
             style: { color: t || "" }
@@ -1184,7 +1185,7 @@ const nr = ({
       ]
     }
   )
-), jr = "1.3.0", Ur = A(Do)`
+), zr = "1.3.0", Br = F(So)`
   button {
     /* remove all styles and just use a wrapper */
     background-color: unset !important;
@@ -1195,7 +1196,7 @@ const nr = ({
     width: unset !important;
     color: var(--md-sys-color-on-surface) !important;
   }
-`, zr = ({
+`, Gr = ({
   value: e,
   categories: t,
   readonly: o,
@@ -1210,7 +1211,7 @@ const nr = ({
   const m = t.find((u) => u.name === e), { color: p } = m || {};
   if (!r)
     return /* @__PURE__ */ l(
-      it,
+      st,
       {
         value: null,
         isPower: !0,
@@ -1221,17 +1222,17 @@ const nr = ({
       }
     );
   if (o)
-    return /* @__PURE__ */ l(it, { value: e, color: p, isCompact: a, style: c.style });
+    return /* @__PURE__ */ l(st, { value: e, color: p, isCompact: a, style: c.style });
   if (!t.length)
     return /* @__PURE__ */ l(
-      it,
+      st,
       {
         value: e,
         color: p,
         isCompact: a,
         style: c.style,
         onClick: () => Fe.warning(
-          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${jr}.`
+          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${zr}.`
         )
       }
     );
@@ -1245,14 +1246,14 @@ const nr = ({
     }))
   ];
   return /* @__PURE__ */ l(
-    Ur,
+    Br,
     {
       options: g,
       value: e ? [e] : [],
       onChange: (u) => i(u[0]),
-      valueTemplate: () => /* @__PURE__ */ l(it, { value: e, color: p, isCompact: a, isEditing: !0 }),
+      valueTemplate: () => /* @__PURE__ */ l(st, { value: e, color: p, isCompact: a, isEditing: !0 }),
       itemTemplate: (u, h, v, y) => /* @__PURE__ */ l(
-        Vr,
+        Ur,
         {
           label: u.label,
           color: u.color,
@@ -1264,28 +1265,28 @@ const nr = ({
       ...c
     }
   );
-}, Br = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), Gr = ["tip", "status"], Hr = ["textDirective", "leafDirective", "containerDirective"], $n = (e) => ({ type: "text", value: e }), At = (e) => ({ type: "paragraph", children: [$n(e)] }), qr = (e, t) => {
+}, Hr = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), qr = ["tip", "status"], Wr = ["textDirective", "leafDirective", "containerDirective"], On = (e) => ({ type: "text", value: e }), Ft = (e) => ({ type: "paragraph", children: [On(e)] }), Qr = (e, t) => {
   const o = e.position?.start.offset, n = e.position?.end.offset;
   return o === void 0 || n === void 0 ? null : t.slice(o, n);
-}, Wr = (e, t) => {
-  const o = qr(e, t);
+}, Yr = (e, t) => {
+  const o = Qr(e, t);
   if (o === null) return null;
-  if (e.type === "textDirective") return [$n(o)];
-  if (e.type === "leafDirective") return [At(o)];
+  if (e.type === "textDirective") return [On(o)];
+  if (e.type === "leafDirective") return [Ft(o)];
   const [n, ...a] = o.split(`
 `), r = a.length ? a[a.length - 1].match(/:{3,}\s*$/) : null;
-  return [At(n), ...e.children || [], ...r ? [At(r[0])] : []];
-}, On = (e, t, o) => {
+  return [Ft(n), ...e.children || [], ...r ? [Ft(r[0])] : []];
+}, Vn = (e, t, o) => {
   if (!e.children) return;
   const n = [];
   for (const a of e.children) {
-    const s = Hr.includes(a.type) && !o.includes(a.name || "") ? Wr(a, t) : null;
+    const s = Wr.includes(a.type) && !o.includes(a.name || "") ? Yr(a, t) : null;
     n.push(...s || [a]);
   }
-  e.children = n, n.forEach((a) => On(a, t, o));
-}, Qr = (e = Gr) => (t, o) => {
-  On(t, String(o.value ?? ""), e);
-}, Vn = 1e4, Yr = A.span`
+  e.children = n, n.forEach((a) => Vn(a, t, o));
+}, Jr = (e = qr) => (t, o) => {
+  Vn(t, String(o.value ?? ""), e);
+}, jn = 1e4, Kr = F.span`
   margin-left: auto;
   color: var(--md-sys-color-outline);
   user-select: none;
@@ -1298,27 +1299,27 @@ const nr = ({
   min-width: 0;
   max-width: fit-content;
 
-  ${An.bodySmall}
-`, dt = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
+  ${Cn.bodySmall}
+`, ut = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
   const [a, r] = L(!0), [s, i] = L(/* @__PURE__ */ new Date());
   if (!e) return null;
   const c = new Date(e);
-  if (!ct(c)) return null;
+  if (!lt(c)) return null;
   G(() => {
     const b = setInterval(
       () => i(/* @__PURE__ */ new Date()),
-      Vn
+      jn
     );
     return () => clearInterval(b);
   }, []);
-  const m = Va(c), p = ja(c, s), g = Ua(c, new Date(s.setDate(s.getDate() - 1))), u = za(c, s), h = Ba(c, s), v = g ? "" : p ? u ? "E" : "MMM d" : "MMM d yyyy", y = "h:mm a", D = N(() => Dn(c), [c]), P = N(() => m ? rn(c, `${v}, ${y}`) : rn(c, `EEEE, dd MMM yyyy ${y}`), [c, m]);
+  const m = Va(c), p = ja(c, s), g = Ua(c, new Date(s.setDate(s.getDate() - 1))), u = za(c, s), h = Ba(c, s), v = g ? "" : p ? u ? "E" : "MMM d" : "MMM d yyyy", y = "h:mm a", D = S(() => Nn(c), [c]), P = S(() => m ? sn(c, `${v}, ${y}`) : sn(c, `EEEE, dd MMM yyyy ${y}`), [c, m]);
   let C = a && !t ? D : P;
   g && a && !t && (C = `Yesterday${C}`), h && (C = "Just now");
   const f = () => {
     r(!a);
   };
   return /* @__PURE__ */ l(
-    Yr,
+    Kr,
     {
       className: ee("date"),
       ...n,
@@ -1331,66 +1332,66 @@ const nr = ({
     }
   );
 };
-var De = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(De || {});
-const jn = (e) => {
+var Ne = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Ne || {});
+const Un = (e) => {
   switch (e) {
-    case De.REQUEST_CHANGES:
+    case Ne.REQUEST_CHANGES:
       return "requested changes";
-    case De.APPROVE:
+    case Ne.APPROVE:
     default:
       return "approved this";
   }
-}, Jr = (e, t) => {
+}, Xr = (e, t) => {
   switch (e) {
-    case De.REQUEST_CHANGES:
+    case Ne.REQUEST_CHANGES:
       return "Requested changes on " + t;
-    case De.APPROVE:
+    case Ne.APPROVE:
     default:
       return "Approved " + t;
   }
-}, Un = (e) => {
+}, zn = (e) => {
   switch (e) {
-    case De.REQUEST_CHANGES:
+    case Ne.REQUEST_CHANGES:
       return "refresh";
-    case De.APPROVE:
+    case Ne.APPROVE:
     default:
       return "task_alt";
   }
-}, Xr = ({ lastOwnVersionReview: e }) => {
+}, Zr = ({ lastOwnVersionReview: e }) => {
   const [t, o] = L(/* @__PURE__ */ new Date());
   G(() => {
-    const r = setInterval(() => o(/* @__PURE__ */ new Date()), Vn);
+    const r = setInterval(() => o(/* @__PURE__ */ new Date()), jn);
     return () => clearInterval(r);
   }, []);
-  const n = N(() => e?.activityData?.feedback, [e]), a = N(() => e?.createdAt ? Dn(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
-  return /* @__PURE__ */ x(Mo, { className: wn(n), children: [
-    /* @__PURE__ */ l(ie, { icon: Un(n) }),
+  const n = S(() => e?.activityData?.feedback, [e]), a = S(() => e?.createdAt ? Nn(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
+  return /* @__PURE__ */ k(_o, { className: xn(n), children: [
+    /* @__PURE__ */ l(se, { icon: zn(n) }),
     "You last ",
-    jn(n),
+    Un(n),
     " ",
     a,
     " ",
     a === "just now" ? "" : "ago"
   ] });
-}, un = (e) => {
+}, mn = (e) => {
   const t = /^(\d+)(?:\s*-\s*(\d+))?$/.exec(e.trim());
   if (!t) return null;
   const o = Number(t[1]), n = t[2] ? Number(t[2]) : o;
   return Number.isSafeInteger(o) && o > 0 && Number.isSafeInteger(n) && n >= o ? { startFrame: o, endFrame: n } : null;
-}, It = (e) => typeof e == "number" && Number.isFinite(e) ? e - 1 : 0, zn = (e, t) => String(e + It(t)), Kr = (e, t) => {
+}, It = (e) => typeof e == "number" && Number.isFinite(e) ? e - 1 : 0, Bn = (e, t) => String(e + It(t)), ei = (e, t) => {
   if (!e) return null;
   const o = e.startFrame - It(t), n = e.endFrame - It(t);
   return o > 0 ? { startFrame: o, endFrame: n } : null;
-}, mn = async (e, t, o, n, a) => {
+}, pn = async (e, t, o, n, a) => {
   const { data: r } = await $t.get(`/api/projects/${e}/files/${t}`, {
     responseType: "blob"
   }), s = new File([r], o, { type: n || r.type });
   return We(s, e, a);
-}, pn = (e, t) => `/api/projects/${e}/files/${t}`, gn = (e, t) => !!e && Rt(t).has(e), Zr = [
+}, gn = (e, t) => `/api/projects/${e}/files/${t}`, hn = (e, t) => !!e && Rt(t).has(e), ti = [
   { trigger: "@", icon: "person", tooltip: "Mention user" },
   { trigger: "@@", icon: "layers", tooltip: "Mention version" },
   { trigger: "@@@", icon: "check_circle", tooltip: "Mention task" }
-], Bn = ({
+], Gn = ({
   initValue: e,
   initFiles: t = [],
   annotationFrameStart: o,
@@ -1419,57 +1420,57 @@ const jn = (e) => {
     mentionSuggestionsData: _,
     categories: R,
     isGuest: E,
-    userName: S,
+    userName: N,
     editingId: Q
-  } = $e(), { hasLicense: Y, onPowerFeature: H, user: J, openSlideOut: q, commentFrameLink: $ } = ze(), te = J?.data?.isAdmin, oe = $a(), [, W] = Nn(), [j, de] = L(e || ""), [se, ne] = L(
+  } = $e(), { hasLicense: Y, onPowerFeature: H, user: J, openSlideOut: q, commentFrameLink: $ } = ze(), te = J?.data?.isAdmin, oe = $a(), [, W] = In(), [U, de] = L(e || ""), [ae, ne] = L(
     () => t.map(
-      (d) => gn(d.id, e || "") ? { ...d, isInline: !0 } : d
+      (d) => hn(d.id, e || "") ? { ...d, isInline: !0 } : d
     )
-  ), [ut, we] = L(0), xe = ve(/* @__PURE__ */ new Map()), [Ce, ge] = L([]), [Ee, X] = L(!1), [Se, Oe] = L(!1), [Me, Te] = L([]), [Qe, Ve] = L([]), { annotations: be, removeAnnotation: Be, goToAnnotation: Ge } = Nr({
+  ), [Qe, we] = L(0), xe = ge(/* @__PURE__ */ new Map()), [ke, he] = L([]), [Me, K] = L(!1), [Te, Oe] = L(!1), [Se, De] = L([]), [Ye, Ve] = L([]), { annotations: fe, removeAnnotation: Be, goToAnnotation: Ge } = Er({
     entityId: b[0]?.id,
-    filesUploading: Ce
-  }), ae = b.length === 1 && b[0].entityType === "version" ? b[0] : void 0, Ye = $?.draft && $.draft.entityId === ae?.id ? $.draft : null, [Pe, He] = L(
+    filesUploading: ke
+  }), re = b.length === 1 && b[0].entityType === "version" ? b[0] : void 0, Je = $?.draft && $.draft.entityId === re?.id ? $.draft : null, [Pe, He] = L(
     () => u && Number.isSafeInteger(a?.startFrame) && a.startFrame > 0 ? {
       startFrame: a.startFrame,
       endFrame: Number.isSafeInteger(a.endFrame) && a.endFrame >= a.startFrame ? a.endFrame : a.startFrame
     } : null
-  ), _e = (d) => He(d && { ...d, entityId: ae?.id }), je = u || Pe?.entityId === ae?.id ? Pe : null, [ke, Re] = L(!1), w = u ? je : je ?? Ye, M = u ? !!ae || !!je : !!$ && !!ae, O = $?.formatFrame, K = O ?? ((d) => zn(d, o)), ue = (d) => O ? un(d) : Kr(un(d), o), F = w ? w.endFrame > w.startFrame ? `${K(w.startFrame)}-${K(w.endFrame)}` : K(w.startFrame) : void 0, [me, he] = L(F ?? ""), Ne = ve(!1), Ie = ve(null), Le = (d) => {
-    if (!ae) return;
-    const k = d ? { ...d, entityId: ae.id } : null;
+  ), _e = (d) => He(d && { ...d, entityId: re?.id }), je = u || Pe?.entityId === re?.id ? Pe : null, [Ae, Re] = L(!1), w = u ? je : je ?? Je, M = u ? !!re || !!je : !!$ && !!re, O = $?.formatFrame, X = O ?? ((d) => Bn(d, o)), ue = (d) => O ? mn(d) : ei(mn(d), o), A = w ? w.endFrame > w.startFrame ? `${X(w.startFrame)}-${X(w.endFrame)}` : X(w.startFrame) : void 0, [me, ye] = L(A ?? ""), Ie = ge(!1), Ee = ge(null), Le = (d) => {
+    if (!re) return;
+    const x = d ? { ...d, entityId: re.id } : null;
     if (!u) {
-      $?.setDraft(k);
+      $?.setDraft(x);
       return;
     }
     r && $?.setEditPreview({
       activityId: r,
-      link: k
+      link: x
     });
-  }, Je = (d) => {
-    he(d);
-    const k = ue(d);
-    k && Le(k);
+  }, Ke = (d) => {
+    ye(d);
+    const x = ue(d);
+    x && Le(x);
   };
   G(() => {
-    ke || he(F ?? "");
-  }, [F, ke]), G(
+    Ae || ye(A ?? "");
+  }, [A, Ae]), G(
     () => () => {
       u && $?.setEditPreview(null);
     },
     [u, $?.setEditPreview]
   );
   const Xe = () => {
-    if (Ne.current) {
-      Ne.current = !1, he(F ?? ""), Le(Ie.current), Re(!1);
+    if (Ie.current) {
+      Ie.current = !1, ye(A ?? ""), Le(Ee.current), Re(!1);
       return;
     }
     const d = ue(me);
-    d ? (_e(d), Le(d)) : (he(F ?? ""), Le(Ie.current)), Re(!1);
+    d ? (_e(d), Le(d)) : (ye(A ?? ""), Le(Ee.current)), Re(!1);
   }, mt = () => {
     _e(null), u ? Le(null) : $?.unlink();
-  }, Ke = () => {
-    !u && $ && ae ? $.link(ae.id) : (he(""), Re(!0));
-  }, Ze = () => w ? mt() : Ke(), vt = N(() => {
-    if (!M || !u && !$ || !ae) return;
+  }, Ze = () => {
+    !u && $ && re ? $.link(re.id) : (ye(""), Re(!0));
+  }, et = () => w ? mt() : Ze(), bt = S(() => {
+    if (!M || !u && !$ || !re) return;
     const d = ["frame", "time", "timecode", "link", "range"];
     return [
       w ? {
@@ -1477,245 +1478,245 @@ const jn = (e) => {
         label: "Remove frame link",
         icon: "timer_off",
         keywords: [...d, "unlink", "remove"],
-        hint: F,
+        hint: A,
         run: mt
       } : {
         id: "frame-link",
         label: u ? "Add frame link" : "Link to current frame",
         icon: "timer",
         keywords: d,
-        run: Ke
+        run: Ze
       }
     ];
-  }, [M, u, $, ae?.id, !!w, F]), [et, Ot] = L(n);
-  Rr({
-    draftKey: C && !u ? _r(
+  }, [M, u, $, re?.id, !!w, A]), [tt, Ot] = L(n);
+  $r({
+    draftKey: C && !u ? Lr(
       f,
-      S,
+      N,
       b.map((d) => d.id)
     ) : null,
-    draft: { text: j, files: se, uploadedAnnotations: Me, category: et },
-    paused: Se,
+    draft: { text: U, files: ae, uploadedAnnotations: Se, category: tt },
+    paused: Te,
     restore: (d) => {
-      de(d.text), ne(d.files), Te(d.uploadedAnnotations), Ot(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !y && !Q && D?.();
+      de(d.text), ne(d.files), De(d.uploadedAnnotations), Ot(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !y && !Q && D?.();
     }
   });
-  const Vt = R.filter((d) => d.accessLevel >= 20), jt = R.find((d) => d.name === et), Ut = Pn(jt?.color), tt = ve(null), zt = ve(null), bt = !!j.trim(), Bt = !!I?.conditions?.some(
+  const Vt = R.filter((d) => d.accessLevel >= 20), jt = R.find((d) => d.name === tt), Ut = _n(jt?.color), nt = ge(null), zt = ge(null), Bt = ge(null), pt = !!U.trim(), Zn = !pt && !ae.length && !ke.length && !Qe && !Se.length && !fe.length && !Te, Gt = !!I?.conditions?.some(
     (d) => "key" in d && d.key === "checklists" && d.value === !0
   );
   G(() => {
-    if (!y || u || !Bt) return;
-    const d = tt.current;
+    if (!y || u || !Gt) return;
+    const d = nt.current;
     !d || !d.isEmpty() || d.getEditor().update(() => {
-      const k = ko(!1);
-      Ao().clear().append(Fo("check").append(k)), k.select();
+      const x = Fo(!1);
+      To().clear().append(Co("check").append(x)), x.select();
     });
-  }, [y, u, Bt]);
-  const Gt = b[0]?.entityType, Ht = oe?.productTypes, Kn = N(
+  }, [y, u, Gt]);
+  const Ht = b[0]?.entityType, qt = oe?.productTypes, eo = S(
     () => E ? void 0 : {
-      ...Po({
+      ...Ro({
         suggestions: _,
-        project: { productTypes: Ht },
+        project: { productTypes: qt },
         taskTypes: T?.taskTypes,
-        entityType: Gt
+        entityType: Ht
       }),
       // keep the picker short
       limit: 5
     },
-    [E, _, Ht, T?.taskTypes, Gt]
-  ), Zn = ({ type: d, id: k }) => {
-    d === "user" || d === "team" || q({ entityId: k, entityType: d, projectName: f });
-  }, eo = ({ type: d, id: k, label: U }, V) => {
-    const { x: z, y: ce, width: le } = V.getBoundingClientRect();
-    W({ id: k, name: k, type: d, label: U, pos: { left: z + le / 2, top: ce } });
-  }, [to, wt] = L(!1);
+    [E, _, qt, T?.taskTypes, Ht]
+  ), to = ({ type: d, id: x }) => {
+    d === "user" || d === "team" || q({ entityId: x, entityType: d, projectName: f });
+  }, no = ({ type: d, id: x, label: V }, j) => {
+    const { x: z, y: ce, width: le } = j.getBoundingClientRect();
+    W({ id: x, name: x, type: d, label: V, pos: { left: z + le / 2, top: ce } });
+  }, [oo, wt] = L(!1);
   G(() => {
     y || wt(!1);
   }, [y]);
-  const no = () => {
+  const ao = () => {
     y || h || (wt(!0), D && D());
-  }, qt = () => {
-    u && $?.setEditPreview(null), (!bt || u) && de(""), P && P();
-  }, nt = ({ file: d, data: k }, U = !1) => {
-    const V = ye(d.name), z = {
-      id: k.id,
-      name: V,
+  }, Wt = () => {
+    u && $?.setEditPreview(null), (!pt || u) && de(""), P && P(), Bt.current?.closest("#viewer-dialog")?.focus();
+  }, ot = ({ file: d, data: x }, V = !1) => {
+    const j = be(d.name), z = {
+      id: x.id,
+      name: j,
       mime: d.type,
       size: d.size,
-      order: se.length,
-      isAnnotationLayer: U
+      order: ae.length,
+      isAnnotationLayer: V
     };
-    return ne((ce) => [...ce, z]), ge(
-      (ce) => ce.filter((le) => ye(le.name) !== V)
+    return ne((ce) => [...ce, z]), he(
+      (ce) => ce.filter((le) => be(le.name) !== j)
     ), z;
-  }, oo = (d, k, U) => {
-    U ? Be?.(d) : (ne((V) => V.filter((z) => z.id !== d)), ge((V) => V.filter((z) => ye(z.name) !== ye(k))));
-  }, ot = (d, k) => {
-    const U = Math.round(d.loaded * 100 / d.total);
-    if (U !== 100) {
-      const V = ye(k.name);
-      ge((z) => {
-        const ce = z.find((B) => ye(B.name) === V), le = z.filter((B) => ye(B.name) !== V), Ue = {
-          name: V,
-          progress: U,
-          type: k.type,
-          order: ce?.order ?? se.length + z.length
+  }, ro = (d, x, V) => {
+    V ? Be?.(d) : (ne((j) => j.filter((z) => z.id !== d)), he((j) => j.filter((z) => be(z.name) !== be(x))));
+  }, at = (d, x) => {
+    const V = Math.round(d.loaded * 100 / d.total);
+    if (V !== 100) {
+      const j = be(x.name);
+      he((z) => {
+        const ce = z.find((B) => be(B.name) === j), le = z.filter((B) => be(B.name) !== j), Ue = {
+          name: j,
+          progress: V,
+          type: x.type,
+          order: ce?.order ?? ae.length + z.length
         };
         return [...le, Ue];
       });
     }
-  }, pt = (d) => {
-    ge((k) => k.filter((U) => U.name !== ye(d)));
-  }, Wt = (d) => {
-    for (const k of d) {
-      const U = We(k, f, ot);
-      xe.current.set(k, U), U.then(
-        (V) => nt(V),
-        (V) => {
-          pt(k.name), Fe.error(V.message), console.warn(V);
+  }, gt = (d) => {
+    he((x) => x.filter((V) => V.name !== be(d)));
+  }, Qt = (d) => {
+    for (const x of d) {
+      const V = We(x, f, at);
+      xe.current.set(x, V), V.then(
+        (j) => ot(j),
+        (j) => {
+          gt(x.name), Fe.error(j.message), console.warn(j);
         }
       );
     }
-  }, ao = async (d) => {
-    we((k) => k + 1);
+  }, io = async (d) => {
+    we((x) => x + 1);
     try {
-      const k = xe.current.get(d);
-      if (k) {
-        const { data: z } = await k;
+      const x = xe.current.get(d);
+      if (x) {
+        const { data: z } = await x;
         return ne((ce) => ce.map((le) => le.id === z.id ? { ...le, isInline: !0 } : le)), {
-          src: pn(f, z.id),
-          name: ye(d.name),
+          src: gn(f, z.id),
+          name: be(d.name),
           mime: d.type
         };
       }
-      const { data: U } = await We(d, f, void 0), V = ye(d.name);
+      const { data: V } = await We(d, f, void 0), j = be(d.name);
       return ne((z) => [
         ...z,
-        { id: U.id, name: V, mime: d.type, size: d.size, order: z.length, isInline: !0 }
-      ]), { src: pn(f, U.id), name: V, mime: d.type };
-    } catch (k) {
-      throw xe.current.has(d) || Fe.error(k?.message || "Upload failed"), k;
+        { id: V.id, name: j, mime: d.type, size: d.size, order: z.length, isInline: !0 }
+      ]), { src: gn(f, V.id), name: j, mime: d.type };
+    } catch (x) {
+      throw xe.current.has(d) || Fe.error(x?.message || "Upload failed"), x;
     } finally {
-      we((k) => k - 1);
+      we((x) => x - 1);
     }
-  }, ro = (d) => {
-    X(!1), !d.defaultPrevented && Dr(
+  }, so = (d) => {
+    K(!1), !d.defaultPrevented && Sr(
       d,
       f,
+      at,
       ot,
-      nt,
-      (k) => pt(k.name)
+      (x) => gt(x.name)
     );
-  }, io = (d) => {
-    d.preventDefault(), d.stopPropagation(), X(!0);
-  }, Qt = ve(null), so = async ({ activity: d }) => {
-    const k = ft(d);
-    k && k.entityId === ae?.id && (_e({ startFrame: k.startFrame, endFrame: k.endFrame }), $?.setDraft(k));
-    const U = Sn(d.body || ""), V = d.files || [], z = Rt(U), ce = b.length === 1 && b[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
-      const pe = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), re = `[Source](${Jo(d.activityId, pe)})`, Z = [B.trim(), re].filter(Boolean).join(`
+  }, co = (d) => {
+    d.preventDefault(), d.stopPropagation(), K(!0);
+  }, Yt = ge(null), lo = async ({ activity: d }) => {
+    const x = yt(d);
+    x && x.entityId === re?.id && (_e({ startFrame: x.startFrame, endFrame: x.endFrame }), $?.setDraft(x));
+    const V = Sn(d.body || ""), j = d.files || [], z = Rt(V), ce = b.length === 1 && b[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
+      const pe = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), ie = `[Source](${Xo(d.activityId, pe)})`, Z = [B.trim(), ie].filter(Boolean).join(`
 
 `);
-      de((fe) => fe.trim() ? `${fe.trim()}
+      de((ve) => ve.trim() ? `${ve.trim()}
 
-${Z}` : Z), tt.current?.focus();
+${Z}` : Z), nt.current?.focus();
     }, Ue = async (B) => {
       const pe = z.has(B.id);
       try {
-        const re = await mn(
+        const ie = await pn(
           f,
           B.id,
           B.name,
           B.mime,
-          pe ? void 0 : ot
+          pe ? void 0 : at
         );
         if (pe) {
-          const { file: fe, data: at } = re, gt = ye(fe.name);
-          ne((Kt) => [
-            ...Kt,
-            { id: at.id, name: gt, mime: fe.type, size: fe.size, order: Kt.length, isInline: pe }
+          const { file: ve, data: rt } = ie, ht = be(ve.name);
+          ne((Zt) => [
+            ...Zt,
+            { id: rt.id, name: ht, mime: ve.type, size: ve.size, order: Zt.length, isInline: pe }
           ]);
-        } else nt(re);
+        } else ot(ie);
         const Z = B.annotation;
         if (Z && ce) {
-          const fe = await mn(
+          const ve = await pn(
             f,
             Z.transparent,
             `annotation-${B.name}`,
             "image/png"
           );
-          nt(fe, !0), Te((at) => [
-            ...at,
+          ot(ve, !0), De((rt) => [
+            ...rt,
             {
               ...Z,
-              id: `${Z.id}-${bn()}`,
-              composite: re.data.id,
-              transparent: fe.data.id
+              id: `${Z.id}-${wn()}`,
+              composite: ie.data.id,
+              transparent: ve.data.id
             }
           ]);
         }
-        return [B.id, re.data.id];
-      } catch (re) {
-        return pt(B.name), Fe.error(`Could not copy ${B.name}`), console.warn(re), null;
+        return [B.id, ie.data.id];
+      } catch (ie) {
+        return gt(B.name), Fe.error(`Could not copy ${B.name}`), console.warn(ie), null;
       }
     };
     we((B) => B + 1);
     try {
-      const B = V.filter((Z) => z.has(Z.id)), pe = V.filter((Z) => !z.has(Z.id)), re = Promise.all(pe.map(Ue));
+      const B = j.filter((Z) => z.has(Z.id)), pe = j.filter((Z) => !z.has(Z.id)), ie = Promise.all(pe.map(Ue));
       if (B.length) {
         const Z = new Map(
           (await Promise.all(B.map(Ue))).filter(
-            (fe) => !!fe
+            (ve) => !!ve
           )
         );
         le(
-          U.replace(
+          V.replace(
             /(\/api\/projects\/[^/]+\/files\/)([\w-]+)/g,
-            (fe, at, gt) => Z.has(gt) ? at + Z.get(gt) : fe
+            (ve, rt, ht) => Z.has(ht) ? rt + Z.get(ht) : ve
           )
         );
-      } else le(U);
-      await re;
+      } else le(V);
+      await ie;
     } finally {
       we((B) => B - 1);
     }
   };
   G(() => {
-    !p || Qt.current === p.key || (Qt.current = p.key, wt(!0), g?.(), so(p));
+    !p || Yt.current === p.key || (Yt.current = p.key, wt(!0), g?.(), lo(p));
   }, [p?.key]);
-  const co = Ir({
+  const uo = Mr({
     projectName: f,
-    onSuccess: nt,
-    onProgress: ot,
+    onSuccess: ot,
+    onProgress: at,
     // seed progress so the card switches to uploading before the export finishes
-    onStart: (d) => ot({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
-    onError: (d) => pt(d.name)
-  }), lo = Ce.length > 0 || ut > 0, xt = Se || lo, kt = async () => {
+    onStart: (d) => at({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
+    onError: (d) => gt(d.name)
+  }), mo = ke.length > 0 || Qe > 0, xt = Te || mo, kt = async () => {
     if (!xt)
       try {
         Oe(!0);
-        let d = [], k = Me, U = [];
-        if (be.length) {
-          Ve(be.map((Z) => Z.id));
-          const { files: pe, metadata: re } = await co(be);
-          d = pe, k = [...k, ...re], U = re.map((Z) => Z.id), Ve(U);
+        let d = [], x = Se, V = [];
+        if (fe.length) {
+          Ve(fe.map((Z) => Z.id));
+          const { files: pe, metadata: ie } = await uo(fe);
+          d = pe, x = [...x, ...ie], V = ie.map((Z) => Z.id), Ve(V);
         }
-        const { annotations: V = [] } = a || {}, z = k.length ? [...V, ...k] : void 0, ce = Fr(tt.current?.getMarkdown() ?? j), le = se.filter((pe) => !pe.isInline || gn(pe.id, ce)), Ue = [...le, ...d], B = {
+        const { annotations: j = [] } = a || {}, z = x.length ? [...j, ...x] : void 0, ce = Cr(nt.current?.getMarkdown() ?? U), le = ae.filter((pe) => !pe.isInline || hn(pe.id, ce)), Ue = [...le, ...d], B = {
           ...a,
           annotations: z,
           // could be undefined
-          category: E ? null : et,
+          category: E ? null : tt,
           // guests cannot set category (it is done by default on backend)
           // one frame link per comment, stored as metadata rather than in the text
           startFrame: w?.startFrame ?? void 0,
           endFrame: w?.endFrame ?? void 0
         };
         if ((ce || Ue.length) && c) {
-          const pe = j;
+          const pe = U;
           de(""), ne([]);
           try {
-            await c(ce, Ue, B), U.forEach((re) => Be?.(re)), u && $?.setEditPreview(null), Te([]), !u && w && $?.unlink(), u || _e(null);
+            await c(ce, Ue, B), V.forEach((ie) => Be?.(ie)), u && $?.setEditPreview(null), De([]), !u && w && $?.unlink(), u || _e(null);
           } catch {
-            de(pe), ne(le), Te(Me);
+            de(pe), ne(le), De(Se);
             return;
           }
         }
@@ -1724,52 +1725,52 @@ ${Z}` : Z), tt.current?.focus();
       } finally {
         Ve([]), Oe(!1);
       }
-  }, Yt = [
-    ...be.filter((d) => !Qe.includes(d.id)),
-    ...(se || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
-    ...Ce
-  ].sort((d, k) => d.order - k.order), uo = Yt.length > 3, Jt = (d) => h ? E ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : E || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", Xt = async (d) => {
+  }, Jt = [
+    ...fe.filter((d) => !Ye.includes(d.id)),
+    ...(ae || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
+    ...ke
+  ].sort((d, x) => d.order - x.order), po = Jt.length > 3, Kt = (d) => h ? E ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : E || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", Xt = async (d) => {
     if (m)
       try {
-        (bt || se.length > 0 || be.length > 0) && await kt(), m(d);
-      } catch (k) {
-        console.error(k), Fe.error("Something went wrong while submitting the review");
+        (pt || ae.length > 0 || fe.length > 0) && await kt(), m(d);
+      } catch (x) {
+        console.error(x), Fe.error("Something went wrong while submitting the review");
       }
-  }, mo = s && m && !h && /* @__PURE__ */ x(_o, { className: ee("version-review-buttons", { guest: E }), children: [
+  }, go = s && m && !h && /* @__PURE__ */ k(Lo, { className: ee("version-review-buttons", { guest: E }), children: [
     /* @__PURE__ */ l(
-      tn,
+      nn,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => Xt(De.APPROVE),
+        onClick: () => Xt(Ne.APPROVE),
         children: /* @__PURE__ */ l("span", { className: "label", children: "Approve" })
       }
     ),
     /* @__PURE__ */ l(
-      tn,
+      nn,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => Xt(De.REQUEST_CHANGES),
+        onClick: () => Xt(Ne.REQUEST_CHANGES),
         children: /* @__PURE__ */ l("span", { className: "label", children: "Request changes" })
       }
     )
-  ] }), Ft = !E && /* @__PURE__ */ l(
-    zr,
+  ] }), At = !E && /* @__PURE__ */ l(
+    Gr,
     {
-      value: et,
+      value: tt,
       categories: Vt,
       onChange: (d) => Ot(d),
       isCompact: u,
       hasPowerpack: Y,
       onPowerFeature: H,
-      isHidden: Br(Vt, { isGuest: E, isAdmin: te })
+      isHidden: Hr(Vt, { isGuest: E, isAdmin: te })
     }
-  ), po = /* @__PURE__ */ x(Ae, { children: [
+  ), ho = /* @__PURE__ */ k(Ce, { children: [
     /* @__PURE__ */ l(
-      st,
+      ct,
       {
         icon: "attach_file",
         variant: "text",
@@ -1787,46 +1788,50 @@ ${Z}` : Z), tt.current?.focus();
         multiple: !0,
         hidden: !0,
         onChange: (d) => {
-          Wt(Array.from(d.target.files || [])), d.target.value = "";
+          Qt(Array.from(d.target.files || [])), d.target.value = "";
         }
       }
     )
-  ] }), go = u || to, ho = `calc(${Math.max((ke ? me || "Frame or range" : F || "").length, 1) + 2}ch + 16px)`;
-  return /* @__PURE__ */ l(Ae, { children: /* @__PURE__ */ x(
-    Ro,
+  ] }), fo = u || oo, yo = `calc(${Math.max((Ae ? me || "Frame or range" : A || "").length, 1) + 2}ch + 16px)`;
+  return /* @__PURE__ */ l(Ce, { children: /* @__PURE__ */ k(
+    $o,
     {
+      ref: Bt,
       className: ee("comment-container", "md-mention-anchor", { isOpen: y, isEditing: u }),
-      onDragOver: io,
-      onDragLeave: () => X(!1),
-      onDrop: ro,
-      onClick: () => X(!1),
-      onKeyDown: (d) => d.stopPropagation(),
+      onDragOver: co,
+      onDragLeave: () => K(!1),
+      onDrop: so,
+      onClick: () => K(!1),
+      onKeyDown: (d) => {
+        const x = d.key === "ArrowUp" || d.key === "ArrowDown", V = d.target.isContentEditable;
+        x && V && Zn && !u || d.stopPropagation();
+      },
       children: [
-        s && i && /* @__PURE__ */ l(Xr, { lastOwnVersionReview: i }),
-        /* @__PURE__ */ x(
-          Lo,
+        s && i && /* @__PURE__ */ l(Zr, { lastOwnVersionReview: i }),
+        /* @__PURE__ */ k(
+          Oo,
           {
             className: ee("block-shortcuts", {
               isOpen: y,
               isClosed: !y || h,
               isEditing: u,
-              isDropping: Ee,
+              isDropping: Me,
               disabled: h,
               isLoading: v,
-              isSubmitting: Se,
-              category: !!et && !E
+              isSubmitting: Te,
+              category: !!tt && !E
             }),
-            onClick: no,
+            onClick: ao,
             $categoryPrimary: jt?.color,
             $categoryTertiary: Ut.primary,
             $categorySecondary: Ut.secondary,
             children: [
               y && /* @__PURE__ */ l(
-                Mn,
+                Pn,
                 {
-                  files: Yt,
-                  isCompact: uo || u,
-                  onRemove: oo,
+                  files: Jt,
+                  isCompact: po || u,
+                  onRemove: ro,
                   projectName: f,
                   onAnnotationClick: Ge,
                   style: {
@@ -1844,109 +1849,109 @@ ${Z}` : Z), tt.current?.focus();
                   }
                 }
               ),
-              y && !h ? /* @__PURE__ */ x(Ae, { children: [
-                u && Ft && /* @__PURE__ */ l($o, { children: Ft }),
+              y && !h ? /* @__PURE__ */ k(Ce, { children: [
+                u && At && /* @__PURE__ */ l(Vo, { children: At }),
                 /* @__PURE__ */ l(
-                  Oo,
+                  jo,
                   {
-                    ref: tt,
+                    ref: nt,
                     className: "comment-editor",
-                    value: j,
+                    value: U,
                     onChange: de,
-                    placeholder: Jt(!0),
-                    mentions: Kn,
+                    placeholder: Kt(!0),
+                    mentions: eo,
                     mentionPlacement: u ? "inline" : "top",
-                    onMentionClick: Zn,
-                    onMentionHover: eo,
+                    onMentionClick: to,
+                    onMentionHover: no,
                     onSubmit: kt,
-                    onEscape: qt,
-                    onFiles: Wt,
-                    onUploadMedia: ao,
-                    commands: vt,
+                    onEscape: Wt,
+                    onFiles: Qt,
+                    onUploadMedia: io,
+                    commands: bt,
                     toolbar: !u,
                     floatingToolbar: u,
-                    toolbarStart: Ft,
-                    toolbarEnd: /* @__PURE__ */ x(Ae, { children: [
-                      /* @__PURE__ */ l(Vo, {}),
-                      po
+                    toolbarStart: At,
+                    toolbarEnd: /* @__PURE__ */ k(Ce, { children: [
+                      /* @__PURE__ */ l(Uo, {}),
+                      ho
                     ] }),
                     bordered: !1,
-                    autoFocus: go,
+                    autoFocus: fo,
                     minHeight: u ? 40 : 88,
                     maxHeight: 259
                   }
                 )
-              ] }) : /* @__PURE__ */ l(jo, { children: Jt() }),
-              /* @__PURE__ */ x(Uo, { children: [
-                (!E || M) && /* @__PURE__ */ x(zo, { children: [
-                  !E && Zr.map(({ trigger: d, icon: k, tooltip: U }) => /* @__PURE__ */ l(
-                    st,
+              ] }) : /* @__PURE__ */ l(zo, { children: Kt() }),
+              /* @__PURE__ */ k(Bo, { children: [
+                (!E || M) && /* @__PURE__ */ k(Go, { children: [
+                  !E && ti.map(({ trigger: d, icon: x, tooltip: V }) => /* @__PURE__ */ l(
+                    ct,
                     {
-                      icon: k,
+                      icon: x,
                       variant: "text",
-                      onMouseDown: (V) => V.preventDefault(),
-                      onClick: () => tt.current?.insertMentionTrigger(d),
-                      "data-tooltip": U,
+                      onMouseDown: (j) => j.preventDefault(),
+                      onClick: () => nt.current?.insertMentionTrigger(d),
+                      "data-tooltip": V,
                       "data-shortcut": d
                     },
                     d
                   )),
-                  M && /* @__PURE__ */ x(
-                    Bo,
+                  M && /* @__PURE__ */ k(
+                    Ho,
                     {
-                      className: ee("frame-link", { selected: !!w || ke }),
+                      className: ee("frame-link", { selected: !!w || Ae }),
                       children: [
                         /* @__PURE__ */ l(
-                          Go,
+                          qo,
                           {
                             icon: "timer",
                             variant: "text",
-                            onClick: Ze,
+                            onClick: et,
                             "aria-label": w ? "Remove frame link" : "Add frame link",
                             "data-tooltip": w ? "Remove frame link" : u ? "Add frame link" : "Link to current frame",
                             "data-testid": "comment-frame-link"
                           }
                         ),
-                        (w || ke) && (ke ? /* @__PURE__ */ l(
-                          Ho,
+                        (w || Ae) && (Ae ? /* @__PURE__ */ l(
+                          Wo,
                           {
                             autoFocus: !0,
                             "aria-label": "Linked frame or range",
                             value: me,
                             placeholder: "Frame",
                             onFocus: (d) => {
-                              Ie.current = w, d.currentTarget.select();
+                              Ee.current = w, d.currentTarget.select();
                             },
-                            onChange: (d) => Je(d.target.value),
+                            onChange: (d) => Ke(d.target.value),
                             onBlur: Xe,
-                            style: { width: ho },
+                            style: { width: yo },
                             onKeyDown: (d) => {
-                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (Ne.current = !0, d.currentTarget.blur());
+                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (Ie.current = !0, d.currentTarget.blur());
                             },
                             "data-testid": "comment-frame-link-input"
                           }
                         ) : /* @__PURE__ */ l(
-                          qo,
+                          Qo,
                           {
                             variant: "text",
-                            "aria-label": `Edit linked frame ${F ?? ""}`,
+                            "aria-label": `Edit linked frame ${A ?? ""}`,
                             onClick: () => Re(!0),
                             "data-tooltip": "Edit linked frame or range",
-                            children: F || "Frame or range"
+                            children: A || "Frame or range"
                           }
                         ))
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ x(Wo, { children: [
-                  u && /* @__PURE__ */ l(st, { variant: "text", onClick: qt, children: "Cancel" }),
+                /* @__PURE__ */ k(Yo, { children: [
+                  u && /* @__PURE__ */ l(ct, { variant: "text", onClick: Wt, children: "Cancel" }),
                   /* @__PURE__ */ l(
-                    So,
+                    Io,
                     {
                       label: u ? "Save" : "Comment",
                       className: "comment",
-                      active: bt || !!se.length,
+                      active: pt || !!ae.length,
                       onClick: kt,
                       disabled: v || xt,
                       saving: xt
@@ -1954,21 +1959,21 @@ ${Z}` : Z), tt.current?.focus();
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ l(Qo, { className: ee({ show: Ee && y }), children: /* @__PURE__ */ l(ie, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ l(Jo, { className: ee({ show: Me && y }), children: /* @__PURE__ */ l(se, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ l(Yo, {}),
-        mo
+        /* @__PURE__ */ l(Ko, {}),
+        go
       ]
     }
   ) });
-}, ei = (e, t, o) => e && Lt`
+}, ni = (e, t, o) => e && Lt`
     --reaction-border-color: ${e};
     --reaction-active-bg: ${t};
     --reaction-hover-bg: ${t};
     --reaction-active-border: ${e};
-  `, ti = A.div`
+  `, oi = F.div`
   /* VARS */
   --reaction-border-color: var(--md-sys-color-outline-variant);
   --reaction-hover-bg: var(--md-sys-color-surface-container-high-hover);
@@ -1981,7 +1986,7 @@ ${Z}` : Z), tt.current?.focus();
   --reaction-compact-active-hover-bg: var(--md-sys-color-primary-container-hover);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => ei(e, t)}
+  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => ni(e, t)}
 
   display: flex;
   justify-content: center;
@@ -2032,18 +2037,18 @@ ${Z}` : Z), tt.current?.focus();
     position: relative;
     height: 19px;
   }
-`, ni = A.div`
+`, ai = F.div`
   outline: 'solid 1px red';
   display: flex;
   gap: 8px;
-`, oi = A.div`
+`, ri = F.div`
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 55;
-`, ai = A.div`
+`, ii = F.div`
   /* VARS */
   --panel-bg: var(--md-sys-color-surface-container-high);
 
@@ -2064,7 +2069,7 @@ ${Z}` : Z), tt.current?.focus();
   padding: 4px;
   border-radius: 4px;
   box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
-`, ri = A.div`
+`, si = F.div`
   /* VARS */
   --opener-bg: var(--md-sys-color-surface-container-high);
   --opener-hover-bg: var(--md-sys-color-surface-container-high-hover);
@@ -2094,17 +2099,17 @@ ${Z}` : Z), tt.current?.focus();
       filter: ${({ $categoryPrimary: e }) => e ? "brightness(1.2)" : "none"};
     }
   }
-`, ii = A.div`
+`, ci = F.div`
   display: flex;
   gap: 8px;
   position: relative;
-`, si = [
+`, li = [
   { key: "thumb_up", value: "👍" },
   { key: "thumb_down", value: "👎" },
   { key: "heart_plus", value: "❤" },
   { key: "celebration", value: "🎉" },
   { key: "notes", value: "📝" }
-], ci = {
+], di = {
   thumb_up: "👍",
   thumb_down: "👎",
   heart_plus: "❤️",
@@ -2116,9 +2121,9 @@ ${Z}` : Z), tt.current?.focus();
   "heart_plus",
   "celebration",
   "notes"
-], li = (e) => [...e].sort(
+], ui = (e) => [...e].sort(
   (o, n) => Et.indexOf(o.type) - Et.indexOf(n.type)
-), Gn = ({
+), Hn = ({
   reaction: e,
   variant: t = "standard",
   onClick: o,
@@ -2127,8 +2132,8 @@ ${Z}` : Z), tt.current?.focus();
   categoryTertiary: r
 }) => {
   const s = e.users?.join(", ") || void 0;
-  return /* @__PURE__ */ x(
-    ti,
+  return /* @__PURE__ */ k(
+    oi,
     {
       className: ee(t, { active: e.isActive }),
       onClick: o,
@@ -2137,19 +2142,19 @@ ${Z}` : Z), tt.current?.focus();
       $categorySecondary: a,
       $categoryTertiary: r,
       children: [
-        /* @__PURE__ */ l("span", { className: "emoji", children: ci[e.type] }),
+        /* @__PURE__ */ l("span", { className: "emoji", children: di[e.type] }),
         e.users && /* @__PURE__ */ l("span", { children: e.users.length })
       ]
     }
   );
-}, di = ({
+}, mi = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
-}) => /* @__PURE__ */ l(ni, { children: e.map((r) => /* @__PURE__ */ l(
-  Gn,
+}) => /* @__PURE__ */ l(ai, { children: e.map((r) => /* @__PURE__ */ l(
+  Hn,
   {
     reaction: r,
     isActive: r.isActive,
@@ -2161,7 +2166,7 @@ ${Z}` : Z), tt.current?.focus();
     categoryTertiary: a
   },
   r.type
-)) }), ui = ({
+)) }), pi = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
@@ -2169,36 +2174,36 @@ ${Z}` : Z), tt.current?.focus();
   categoryTertiary: a
 }) => {
   const [r, s] = L(!1), i = e.filter((c) => c.isActive).map((c) => c.type);
-  return /* @__PURE__ */ x(
-    ri,
+  return /* @__PURE__ */ k(
+    si,
     {
       $categoryPrimary: o,
       $categorySecondary: n,
       $categoryTertiary: a,
       children: [
         /* @__PURE__ */ l(
-          ie,
+          se,
           {
             icon: "add_reaction",
             className: "add-reaction",
             onClick: () => s(!r)
           }
         ),
-        r && /* @__PURE__ */ x(Ae, { children: [
-          /* @__PURE__ */ l(oi, { onClick: () => s(!1) }),
+        r && /* @__PURE__ */ k(Ce, { children: [
+          /* @__PURE__ */ l(ri, { onClick: () => s(!1) }),
           /* @__PURE__ */ l(
-            ai,
+            ii,
             {
               $categoryPrimary: o,
               $categorySecondary: n,
               $categoryTertiary: a,
-              children: si.map((c) => {
+              children: li.map((c) => {
                 const m = {
                   type: c.key,
                   isActive: i.includes(c.key)
                 };
                 return /* @__PURE__ */ l(
-                  Gn,
+                  Hn,
                   {
                     reaction: m,
                     variant: "compact",
@@ -2218,7 +2223,7 @@ ${Z}` : Z), tt.current?.focus();
       ]
     }
   );
-}, mi = ({
+}, gi = ({
   reactions: e,
   changeHandler: t,
   readOnly: o,
@@ -2228,27 +2233,27 @@ ${Z}` : Z), tt.current?.focus();
   categoryTertiary: s
 }) => {
   const i = n ? { categoryPrimary: a, categorySecondary: r, categoryTertiary: s } : {};
-  return /* @__PURE__ */ x(ii, { children: [
+  return /* @__PURE__ */ k(ci, { children: [
     !o && /* @__PURE__ */ l(
-      ui,
+      pi,
       {
         reactions: e,
         changeHandler: t,
         ...i
       }
     ),
-    /* @__PURE__ */ l(di, { reactions: e, changeHandler: t, ...i })
+    /* @__PURE__ */ l(mi, { reactions: e, changeHandler: t, ...i })
   ] });
-}, pi = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
+}, hi = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
   if (o.includes("http")) return [];
   const n = o.match(/\(([^)]+)\)/), a = n ? n[1].split(":") : [];
   return { type: a[0], id: a[1] };
-}), gi = (e) => e.replace(/@(?=@|\[)/g, ""), hi = {
+}), fi = (e) => e.replace(/@(?=@|\[)/g, ""), yi = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;"
-}, Ct = (e) => e.replace(/[&<>"]/g, (t) => hi[t]), fi = (e) => e.replaceAll(" ", "%20"), yi = (e, t) => {
+}, Ct = (e) => e.replace(/[&<>"]/g, (t) => yi[t]), vi = (e) => e.replaceAll(" ", "%20"), bi = (e, t) => {
   const o = t.cloneContents();
   if (!o.querySelector("[data-mention-value]")) return null;
   let n = "", a = "";
@@ -2267,7 +2272,7 @@ ${Z}` : Z), tt.current?.focus();
     if (c) {
       const m = i.getAttribute("data-mention-label") || (i.textContent || "").trim();
       if (m) {
-        const p = fi(c);
+        const p = vi(c);
         n += `[${m}](${p})`, a += `<a href="@${Ct(p)}">@${Ct(m)}</a>`;
       }
       return;
@@ -2286,15 +2291,15 @@ ${Z}` : Z), tt.current?.focus();
     s.childNodes.forEach(r);
   };
   return r(o), n ? { text: n, html: a } : null;
-}, vi = ({ children: e }) => {
-  const t = Zt.Children.map(e, (n) => {
-    if (!Zt.isValidElement(n)) return n;
+}, wi = ({ children: e }) => {
+  const t = en.Children.map(e, (n) => {
+    if (!en.isValidElement(n)) return n;
     const a = n.props.children;
     return typeof a != "string" ? n : {
       ...n,
       props: {
         ...n.props,
-        children: gi(a)
+        children: fi(a)
       }
     };
   }), o = qe((n) => {
@@ -2302,21 +2307,21 @@ ${Z}` : Z), tt.current?.focus();
     if (!a || a.rangeCount === 0 || a.isCollapsed) return;
     const r = a.getRangeAt(0), s = n.currentTarget;
     if (!s.contains(r.startContainer) || !s.contains(r.endContainer)) return;
-    const i = yi(s, r);
+    const i = bi(s, r);
     i && (n.preventDefault(), n.clipboardData.setData("text/plain", i.text), n.clipboardData.setData("text/html", i.html));
   }, []);
   return /* @__PURE__ */ l("div", { className: "comment-text", onCopy: o, children: t });
-}, bi = (e = [], t) => {
+}, xi = (e = [], t) => {
   let o = {};
   return e.forEach((n) => {
     const a = n.reaction;
     Et.includes(a) && (o[a] === void 0 && (o[a] = { type: a, isActive: !1, users: [] }), t == n.userName && (o[a].isActive = !0), o[a].users?.push(n.fullName || n.userName));
-  }), li(Object.values(o));
-}, wi = A.div`
+  }), ui(Object.values(o));
+}, ki = F.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
-`, xi = A.span`
+`, Ai = F.span`
   border-radius: var(--border-radius-m);
   padding: 2px 6px;
   margin: 0 2px;
@@ -2333,19 +2338,19 @@ ${Z}` : Z), tt.current?.focus();
     font-size: 16px;
     font-variation-settings: 'FILL' 1;
   }
-`, ki = ({ name: e, statuses: t, children: o }) => {
-  const n = Fi(e, t);
-  return /* @__PURE__ */ x(wi, { children: [
+`, Fi = ({ name: e, statuses: t, children: o }) => {
+  const n = Ci(e, t);
+  return /* @__PURE__ */ k(ki, { children: [
     o,
-    /* @__PURE__ */ x(xi, { $color: _t(n.color), style: { backgroundColor: n.color }, children: [
-      n.icon && /* @__PURE__ */ l(ie, { icon: n.icon }),
+    /* @__PURE__ */ k(Ai, { $color: _t(n.color), style: { backgroundColor: n.color }, children: [
+      n.icon && /* @__PURE__ */ l(se, { icon: n.icon }),
       e
     ] })
   ] });
-}, Fi = (e, t) => {
+}, Ci = (e, t) => {
   const o = { name: e, color: "var(--md-sys-color-primary)", icon: void 0 };
   return t.find((n) => n.name === e) || o;
-}, Ai = A.header`
+}, Ti = F.header`
   display: flex;
   align-items: flex-end;
   gap: var(--base-gap-small);
@@ -2357,13 +2362,13 @@ ${Z}` : Z), tt.current?.focus();
     margin-left: 4px;
     font-weight: 800;
   }
-`, Ci = A.div`
+`, Di = F.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
   flex-wrap: wrap;
 `;
-A.li`
+F.li`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
@@ -2379,14 +2384,14 @@ A.li`
     background-color: var(--md-sys-color-surface-container-hover);
   }
 `;
-const Tt = A.span`
+const Tt = F.span`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
 
   strong {
     font-weight: 800;
   }
-`, Ti = A.li`
+`, Ni = F.li`
   list-style: none;
   margin: var(--padding-s) var(--padding-m);
   padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
@@ -2413,7 +2418,7 @@ const Tt = A.span`
   &.request_changes .date, {
     color: var(--md-sys-color-error);
   }
-`, Di = A.div`
+`, Si = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -2432,7 +2437,7 @@ const Tt = A.span`
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, Si = A.span`
+`, Ii = F.span`
   white-space: nowrap;
   font-size: 12px;
   text-overflow: ellipsis;
@@ -2443,16 +2448,16 @@ const Tt = A.span`
     font-size: 12px;
     font-weight: 800;
   }
-`, Ni = "#c5c5c5";
-function Hn(e) {
-  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = N(() => {
+`, Ei = "#c5c5c5";
+function qn(e) {
+  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = S(() => {
     let a = !1;
     if (e) {
       const r = t.find((s) => s.name === e);
       return r || (a = !0), {
         categoryData: r || {
           name: e,
-          color: Ni
+          color: Ei
         },
         categoryNotFound: a
       };
@@ -2464,21 +2469,21 @@ function Hn(e) {
   }, [e, t]);
   return { categoryData: o, categoryNotFound: n };
 }
-const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (e) => !e || !e.name ? Mi : e.name === Ii && !e.label ? Ei : e.label ? e.label : e.name, Mt = "anonymous.guest", Pi = ({ isGuest: e, activity: t }) => {
-  const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = N(
+const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (e) => !e || !e.name ? _i : e.name === Mi && !e.label ? Pi : e.label ? e.label : e.name, Mt = "anonymous.guest", Ri = ({ isGuest: e, activity: t }) => {
+  const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = S(
     () => [
-      qn({ name: o, label: n }),
-      jn(r?.feedback ?? De.APPROVE)
+      Wn({ name: o, label: n }),
+      Un(r?.feedback ?? Ne.APPROVE)
     ].join(" "),
     [n, o, r?.feedback, a]
-  ), { categoryData: i, categoryNotFound: c } = Hn(r?.category), m = N(() => {
+  ), { categoryData: i, categoryNotFound: c } = qn(r?.category), m = S(() => {
     if (!o?.startsWith(Mt))
       return `/api/users/${o}/avatar`;
   }, [o]);
   if (r?.feedback)
-    return /* @__PURE__ */ l(Ti, { className: wn(r.feedback), children: /* @__PURE__ */ x(Di, { children: [
+    return /* @__PURE__ */ l(Ni, { className: xn(r.feedback), children: /* @__PURE__ */ k(Si, { children: [
       o && /* @__PURE__ */ l(
-        Cn,
+        Tn,
         {
           name: o,
           fullName: n,
@@ -2486,9 +2491,9 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
           size: 22
         }
       ),
-      /* @__PURE__ */ l(ie, { icon: Un(r.feedback) }),
+      /* @__PURE__ */ l(se, { icon: zn(r.feedback) }),
       i && !e && /* @__PURE__ */ l(
-        it,
+        st,
         {
           value: i.name,
           color: i.color,
@@ -2497,10 +2502,10 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
           "data-tooltip-delay": 0
         }
       ),
-      /* @__PURE__ */ l(Si, { children: s }),
-      /* @__PURE__ */ l(dt, { date: a, exactTooltip: !0 })
+      /* @__PURE__ */ l(Ii, { children: s }),
+      /* @__PURE__ */ l(ut, { date: a, exactTooltip: !0 })
     ] }) });
-}, Wn = ({
+}, Qn = ({
   name: e,
   fullName: t,
   date: o,
@@ -2512,20 +2517,20 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   onReferenceClick: c,
   onReferenceTooltip: m
 }) => {
-  const { referenceType: p, origin: g, activityType: u, versions: h, activityId: v } = a, y = p === "mention", D = u === "version.publish", C = h && h?.length > 1 ? "published versions" : "published a version", f = y ? "mentioned" : "commented", b = y ? ` ${i} on` : "on", T = e?.startsWith("guest.") || e?.startsWith(Mt), I = (a.author?.deleted || !a.author?.active) && !T, _ = N(() => {
+  const { referenceType: p, origin: g, activityType: u, versions: h, activityId: v } = a, y = p === "mention", D = u === "version.publish", C = h && h?.length > 1 ? "published versions" : "published a version", f = y ? "mentioned" : "commented", b = y ? ` ${i} on` : "on", T = e?.startsWith("guest.") || e?.startsWith(Mt), I = (a.author?.deleted || !a.author?.active) && !T, _ = S(() => {
     if (!e?.startsWith(Mt))
       return `/api/users/${e}/avatar`;
   }, [e]);
-  return /* @__PURE__ */ x(Ai, { children: [
-    /* @__PURE__ */ x(Ci, { children: [
-      e && !I && /* @__PURE__ */ l(Cn, { name: e, fullName: t, src: _, size: 22 }),
-      I && /* @__PURE__ */ l(ie, { icon: "account_circle" }),
+  return /* @__PURE__ */ k(Ti, { children: [
+    /* @__PURE__ */ k(Di, { children: [
+      e && !I && /* @__PURE__ */ l(Tn, { name: e, fullName: t, src: _, size: 22 }),
+      I && /* @__PURE__ */ l(se, { icon: "account_circle" }),
       /* @__PURE__ */ l("h5", { children: t || a.activityData?.author || "Unknown" }),
-      n && /* @__PURE__ */ x(Ae, { children: [
+      n && /* @__PURE__ */ k(Ce, { children: [
         /* @__PURE__ */ l(Tt, { children: /* @__PURE__ */ l("strong", { children: f }) }),
         /* @__PURE__ */ l(Tt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: b }),
         g && /* @__PURE__ */ l(
-          Xo,
+          Zo,
           {
             id: g.id,
             type: g.type,
@@ -2550,10 +2555,10 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       D && /* @__PURE__ */ l(Tt, { children: C }),
       r
     ] }),
-    /* @__PURE__ */ l(dt, { date: o })
+    /* @__PURE__ */ l(ut, { date: o })
   ] });
-}, _i = ({ flags: e }) => e.length ? /* @__PURE__ */ l(Ko, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: s, testId: i }) => /* @__PURE__ */ x(
-  Zo,
+}, Li = ({ flags: e }) => e.length ? /* @__PURE__ */ l(ea, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: s, testId: i }) => /* @__PURE__ */ k(
+  ta,
   {
     as: r ? "button" : "span",
     type: r ? "button" : void 0,
@@ -2563,12 +2568,12 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     "data-tooltip-delay": 0,
     "data-testid": i,
     children: [
-      n && /* @__PURE__ */ l(ie, { icon: n }),
+      n && /* @__PURE__ */ l(se, { icon: n }),
       o
     ]
   },
   t
-)) }) : null, Ri = ({
+)) }) : null, $i = ({
   category: e,
   categoryNotFound: t,
   frameLink: o,
@@ -2595,7 +2600,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       testId: "comment-frame-link-chip"
     }
   ] : []
-], Li = ({
+], Oi = ({
   onDelete: e,
   onEdit: t,
   onCopyText: o,
@@ -2627,15 +2632,15 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     id: "copy-link",
     label: "Copy link",
     icon: "link",
-    onClick: m(() => In(ea(s, r, i)))
+    onClick: m(() => En(na(s, r, i)))
   }), e && c.push({
     id: "delete",
     label: "Delete",
     icon: "delete",
     onClick: m(e),
     danger: !0
-  }), /* @__PURE__ */ l(pa, { menu: c });
-}, $i = ({
+  }), /* @__PURE__ */ l(Qa, { menu: c });
+}, Vi = ({
   activity: e = {},
   annotationFrameStart: t,
   onCheckChange: o,
@@ -2661,7 +2666,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     setEditingId: b,
     isGuest: T,
     userTeamNames: I
-  } = $e(), _ = ve(null), { toggleMenuOpen: R, menuOpen: E } = Oa(), { categoryData: S, categoryNotFound: Q } = Hn(e?.activityData?.category), Y = Pn(S?.color);
+  } = $e(), _ = ge(null), { toggleMenuOpen: R, menuOpen: E } = Oa(), { categoryData: N, categoryNotFound: Q } = qn(e?.activityData?.category), Y = _n(N?.color);
   let {
     body: H,
     authorName: J,
@@ -2670,82 +2675,82 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     referenceType: te,
     entityId: oe,
     activityId: W,
-    author: j,
+    author: U,
     isOwner: de,
-    files: se = [],
+    files: ae = [],
     origin: ne
   } = e;
-  J || (J = j?.name || ""), q = qn({ name: J, label: q });
-  const ut = vo(), we = `activity-comment-menu-${W}-${ut}`, xe = E === we, { onGoToFrame: Ce, setHighlightedActivities: ge, user: Ee, commentFrameLink: X } = ze(), Se = !!Ee?.data?.isAdmin, Oe = de || Se, Me = de || Se, Te = () => {
+  J || (J = U?.name || ""), q = Wn({ name: J, label: q });
+  const Qe = wo(), we = `activity-comment-menu-${W}-${Qe}`, xe = E === we, { onGoToFrame: ke, setHighlightedActivities: he, user: Me, commentFrameLink: K } = ze(), Te = !!Me?.data?.isAdmin, Oe = de || Te, Se = de || Te, De = () => {
     b(W);
-  }, Qe = () => {
-    b(null);
-  }, Ve = async (F, me, he) => {
-    await a?.(F, me, void 0, he), b(null);
-  }, be = f === W, Be = ({ activityId: F, url: me }) => {
-    document.getElementById(F) ? ge([F]) : window.open(me, "_blank", "noreferrer");
-  }, Ge = te !== "origin" || u, ae = async () => {
-    const F = pi(H);
-    Ge && ne && F.push({ id: ne.id, type: ne.type }), n && await n(W, oe, F);
   }, Ye = () => {
-    tr({
+    b(null);
+  }, Ve = async (A, me, ye) => {
+    await a?.(A, me, void 0, ye), b(null);
+  }, fe = f === W, Be = ({ activityId: A, url: me }) => {
+    document.getElementById(A) ? he([A]) : window.open(me, "_blank", "noreferrer");
+  }, Ge = te !== "origin" || u, re = async () => {
+    const A = hi(H);
+    Ge && ne && A.push({ id: ne.id, type: ne.type }), n && await n(W, oe, A);
+  }, Je = () => {
+    or({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
       accept: async () => {
-        await ae();
+        await re();
       }
     });
-  }, [, Pe] = Nn(), He = N(
-    () => bi(e.reactions, D),
+  }, [, Pe] = In(), He = S(
+    () => xi(e.reactions, D),
     [[...e.reactions || []]]
-  ), _e = (F) => {
-    F.isActive ? P({
+  ), _e = (A) => {
+    A.isActive ? P({
       projectName: c,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: D,
       activityId: W,
       createReactionModel: {
-        reaction: F.type
+        reaction: A.type
       }
     }) : C({
       projectName: c,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: D,
       activityId: W,
-      reaction: F.type
+      reaction: A.type
     });
   }, je = qe(
-    (F) => {
-      F.annotation && (Ce?.(F.annotation.range[0]), ge([W]));
+    (A) => {
+      A.annotation && (ke?.(A.annotation.range[0]), he([W]));
     },
-    [Ce]
-  ), ke = N(() => Rt(H), [H]), Re = N(
-    () => (se || []).filter((F) => !ke.has(F.id)),
-    [se, ke]
-  ), w = (F) => {
-    const me = la(F), he = (se || []).filter((Ie) => yt(Ie.mime, Ie.ext)), Ne = he.findIndex((Ie) => Ie.id === me);
-    Ne !== -1 && g?.({ files: he, index: Ne, activityId: W });
-  }, M = N(() => Sn(H || ""), [H]), O = N(() => ft(e), [e]), K = X?.formatFrame ?? ((F) => zn(F, t)), ue = () => {
-    O && (X ? X.goTo(O) : Ce?.(O.startFrame), ge([W]));
+    [ke]
+  ), Ae = S(() => Rt(H), [H]), Re = S(
+    () => (ae || []).filter((A) => !Ae.has(A.id)),
+    [ae, Ae]
+  ), w = (A) => {
+    const me = ua(A), ye = (ae || []).filter((Ee) => vt(Ee.mime, Ee.ext)), Ie = ye.findIndex((Ee) => Ee.id === me);
+    Ie !== -1 && g?.({ files: ye, index: Ie, activityId: W });
+  }, M = S(() => Sn(H || ""), [H]), O = S(() => yt(e), [e]), X = K?.formatFrame ?? ((A) => Bn(A, t)), ue = () => {
+    O && (K ? K.goTo(O) : ke?.(O.startFrame), he([W]));
   };
-  return /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ x(
-      ta,
+  return /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ k(
+      oa,
       {
         className: ee("comment", {
           isOwner: de,
-          isEditing: be,
+          isEditing: fe,
           isHighlighted: h,
-          category: !!S && !T,
+          category: !!N && !T,
           menuOpen: xe
         }),
         id: W,
-        $categoryPrimary: S?.color,
+        $categoryPrimary: N?.color,
         $categoryTertiary: Y.primary,
         $categorySecondary: Y.secondary,
         children: [
           /* @__PURE__ */ l(
-            Wn,
+            Qn,
             {
               name: J,
               fullName: q,
@@ -2759,69 +2764,69 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
               children: void 0
             }
           ),
-          /* @__PURE__ */ x(na, { className: ee("comment-body", { isEditing: be }), children: [
-            !v && /* @__PURE__ */ x(oa, { className: "tools", children: [
-              Me && /* @__PURE__ */ l(nn, { icon: "edit_square", onClick: Te, variant: "text" }),
+          /* @__PURE__ */ k(aa, { className: ee("comment-body", { isEditing: fe }), children: [
+            !v && /* @__PURE__ */ k(ra, { className: "tools", children: [
+              Se && /* @__PURE__ */ l(on, { icon: "edit_square", onClick: De, variant: "text" }),
               /* @__PURE__ */ l(
-                nn,
+                on,
                 {
                   icon: "more_horiz",
                   ref: _,
-                  onClick: (F) => {
-                    F.stopPropagation(), R(we);
+                  onClick: (A) => {
+                    A.stopPropagation(), R(we);
                   },
                   className: xe ? "active" : ""
                 }
               )
             ] }),
-            be ? /* @__PURE__ */ l(
-              Bn,
+            fe ? /* @__PURE__ */ l(
+              Gn,
               {
                 initValue: H,
-                initFiles: se,
+                initFiles: ae,
                 annotationFrameStart: t,
-                initCategory: S?.name,
+                initCategory: N?.name,
                 data: e.activityData,
                 activityId: W,
                 versionReview: !1,
                 isEditing: !0,
-                onClose: Qe,
+                onClose: Ye,
                 onSubmit: Ve,
                 isOpen: !0,
                 ...i
               }
-            ) : /* @__PURE__ */ x(Ae, { children: [
+            ) : /* @__PURE__ */ k(Ce, { children: [
               /* @__PURE__ */ l(
-                _i,
+                Li,
                 {
-                  flags: Ri({
-                    category: S,
+                  flags: $i({
+                    category: N,
                     categoryNotFound: Q,
                     frameLink: O,
-                    formatFrame: K,
+                    formatFrame: X,
                     onFrameLinkClick: ue,
-                    canNavigateToFrame: !!X || !!Ce,
+                    canNavigateToFrame: !!K || !!ke,
                     isGuest: T
                   })
                 }
               ),
-              /* @__PURE__ */ l(vi, { children: /* @__PURE__ */ l(
-                xn,
+              /* @__PURE__ */ l(wi, { children: /* @__PURE__ */ l(
+                kn,
                 {
                   remarkPlugins: [
                     Fn,
-                    kn,
-                    wo,
-                    Qr,
-                    xo
+                    An,
+                    ko,
+                    Jr,
+                    Ao
                   ],
-                  urlTransform: (F) => F,
+                  urlTransform: (A) => A,
                   components: {
                     // a links
                     // @ts-ignore
-                    a: (F) => (
+                    a: (A) => (
                       // @ts-ignore
-                      ca(F, {
+                      da(A, {
                         entityId: ne?.id ?? oe,
                         entityType: ne?.type ?? m,
                         userName: D,
@@ -2830,36 +2835,36 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
                         onReferenceClick: p,
                         onReferenceTooltip: Pe,
                         activityId: W,
-                        categoryPrimary: S?.color,
+                        categoryPrimary: N?.color,
                         categorySecondary: Y.secondary,
                         onActivityLinkClick: Be
                       })
                     ),
                     // checkbox inputs
                     // @ts-ignore
-                    input: (F) => sa(F, { activity: e, onCheckChange: o }),
+                    input: (A) => la(A, { activity: e, onCheckChange: o }),
                     // code syntax highlighting
                     // eslint-disable-next-line
                     // @ts-ignore
-                    code: (F) => ia(F),
+                    code: (A) => ca(A),
                     // @ts-ignore
-                    blockquote: (F) => ra(F),
+                    blockquote: (A) => sa(A),
                     // @ts-ignore
-                    tip: (F) => /* @__PURE__ */ x(aa, { children: [
-                      /* @__PURE__ */ l(ie, { icon: "info" }),
-                      F.children
+                    tip: (A) => /* @__PURE__ */ k(ia, { children: [
+                      /* @__PURE__ */ l(se, { icon: "info" }),
+                      A.children
                     ] }),
                     // a video url on its own line is an embedded video
                     // @ts-ignore
-                    p: (F) => Xa(F, { onOpen: w }) ?? Ka(F) ?? /* @__PURE__ */ l("p", { children: F.children }),
+                    p: (A) => Za(A, { onOpen: w }) ?? er(A) ?? /* @__PURE__ */ l("p", { children: A.children }),
                     // @ts-ignore
-                    status: (F) => /* @__PURE__ */ l(ki, { name: F.id, statuses: y, children: F.children })
+                    status: (A) => /* @__PURE__ */ l(Fi, { name: A.id, statuses: y, children: A.children })
                   },
                   children: M
                 }
               ) }),
               /* @__PURE__ */ l(
-                Mn,
+                Pn,
                 {
                   files: Re,
                   isCompact: Re.length > 6,
@@ -2873,14 +2878,14 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
                 }
               )
             ] }),
-            !be && /* @__PURE__ */ l("div", { style: { marginTop: "16px" }, children: He && /* @__PURE__ */ l(
-              mi,
+            !fe && /* @__PURE__ */ l("div", { style: { marginTop: "16px" }, children: He && /* @__PURE__ */ l(
+              gi,
               {
                 reactions: He,
                 changeHandler: _e,
                 readOnly: v,
-                category: S && !T ? S.name : void 0,
-                categoryPrimary: S?.color,
+                category: N && !T ? N.name : void 0,
+                categoryPrimary: N?.color,
                 categorySecondary: Y.secondary,
                 categoryTertiary: Y.primary
               }
@@ -2890,20 +2895,20 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       }
     ),
     /* @__PURE__ */ l(
-      ga,
+      Ya,
       {
         target: _.current,
         id: we,
         align: "right",
-        onClose: (F) => {
-          F?.stopPropagation(), R(!1);
+        onClose: (A) => {
+          A?.stopPropagation(), R(!1);
         },
         children: /* @__PURE__ */ l(
-          Li,
+          Oi,
           {
-            onDelete: Oe && n ? Ye : void 0,
-            onEdit: Me ? Te : void 0,
-            onCopyText: M ? () => In(M) : void 0,
+            onDelete: Oe && n ? Je : void 0,
+            onEdit: Se ? De : void 0,
+            onCopyText: M ? () => En(M) : void 0,
             onDuplicate: r ? () => r(e) : void 0,
             activityId: W,
             onSelect: () => R(!1),
@@ -2914,7 +2919,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       }
     )
   ] });
-}, Oi = A.li`
+}, ji = F.li`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2924,7 +2929,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Vi = A.div`
+`, Ui = F.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2939,7 +2944,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, Dt = A.span`
+`, Dt = F.span`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   font-size: 12px;
@@ -2947,10 +2952,10 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     font-size: 12px;
     font-weight: 800;
   }
-`, ji = (e, t) => {
+`, zi = (e, t) => {
   let o = [], n = {};
   return e.activityData.origin.type == "folder" && !n.folder && (n.folder = !0, o.push(e.activityData.origin.name)), e.activityData.origin.type == "task" && !n.task && (n.task = !0, o.push(e.activityData.origin.name)), (t == "version" || e.activityData.origin.type == "version") && (n.product || (n.product = !0, o.push(e.activityData.parents?.find((a) => a.type == "product")?.name)), n.version || (n.version = !0, o.push(e.activityData.origin.name))), o;
-}, Ui = A.div`
+}, Bi = F.div`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2959,7 +2964,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
-`, zi = A.span`
+`, Gi = F.span`
   color: var(--md-sys-color-outline);
   font-size: 12px;
   max-width: 300px;
@@ -2969,37 +2974,37 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   span {
     font-size: inherit;
   }
-`, Pt = ht(
-  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ x(Ui, { ...a, ref: r, children: [
-    e && /* @__PURE__ */ l(ie, { icon: e, style: { color: t } }),
-    /* @__PURE__ */ l(zi, { title: o, children: n ? n.map((s, i) => /* @__PURE__ */ x(bo, { children: [
+`, Pt = ft(
+  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ k(Bi, { ...a, ref: r, children: [
+    e && /* @__PURE__ */ l(se, { icon: e, style: { color: t } }),
+    /* @__PURE__ */ l(Gi, { title: o, children: n ? n.map((s, i) => /* @__PURE__ */ k(xo, { children: [
       /* @__PURE__ */ l("span", { style: { color: s.color }, children: s.label }),
       i < n.length - 1 && ", "
     ] }, i)) : o })
   ] })
-), Bi = (e) => {
+), Hi = (e) => {
   const t = typeof e.icon == "string" ? e.icon : e.icon?.name, o = e.color ?? (typeof e.icon == "object" ? e.icon?.color : void 0);
   return { name: e.label, icon: t, color: o };
-}, Gi = (e, t) => {
+}, qi = (e, t) => {
   const o = t?.data.enum?.find((n) => n.value === e)?.label;
   if (o) return o;
   if (t?.data.type === "datetime") {
     const n = new Date(String(e));
-    if (!isNaN(n.getTime())) return da(n, "dd-MM-yyyy");
+    if (!isNaN(n.getTime())) return ma(n, "dd-MM-yyyy");
   }
   return String(e);
-}, Hi = (e, t) => e === "description" || t?.data.widget === "markdown", qi = (e, t, o) => {
+}, Wi = (e, t) => e === "description" || t?.data.widget === "markdown", Qi = (e, t, o) => {
   if (e == null || e === "" || Array.isArray(e) && !e.length) return { name: "none" };
-  if (typeof e == "string" && Hi(o, t))
-    return { name: Za(e) || "none" };
+  if (typeof e == "string" && Wi(o, t))
+    return { name: tr(e) || "none" };
   if (t?.data.type === "boolean") return { name: e ? "Checked" : "Unchecked" };
   const a = Array.isArray(e) ? e : [e];
   if (a.length === 1) {
     const r = t?.data.enum?.find((s) => s.value === a[0]);
-    if (r) return Bi(r);
+    if (r) return Hi(r);
   }
-  return { name: a.map((r) => Gi(r, t)).join(", ") };
-}, Wi = ({
+  return { name: a.map((r) => qi(r, t)).join(", ") };
+}, Yi = ({
   entityType: e,
   projectInfo: t,
   activity: o = {}
@@ -3012,35 +3017,35 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     oldStatus: i,
     newStatus: c,
     activityData: m = {}
-  } = o, { key: p, oldValue: g, newValue: u } = m, h = ji(o, e), v = n === "attrib.change", y = n === "tags.change", D = n === "subtype.change", { data: P = [] } = Da(void 0, { skip: !v }), C = N(() => P.find((S) => S.name === p), [P, p]), f = v ? C?.data.title || p : y ? "Tags" : D ? "Type" : void 0, b = (S) => ({
-    name: S?.name || "",
-    icon: S?.icon,
-    color: S?.color
-  }), T = (S) => {
-    const Q = Array.isArray(S) ? S.map(String) : [];
+  } = o, { key: p, oldValue: g, newValue: u } = m, h = zi(o, e), v = n === "attrib.change", y = n === "tags.change", D = n === "subtype.change", { data: P = [] } = Da(void 0, { skip: !v }), C = S(() => P.find((N) => N.name === p), [P, p]), f = v ? C?.data.title || p : y ? "Tags" : D ? "Type" : void 0, b = (N) => ({
+    name: N?.name || "",
+    icon: N?.icon,
+    color: N?.color
+  }), T = (N) => {
+    const Q = Array.isArray(N) ? N.map(String) : [];
     if (!Q.length) return { name: "none" };
     const Y = Q.map((H) => ({
       label: H,
       color: t?.tags?.find((J) => J.name === H)?.color
     }));
     return { name: Q.join(", "), items: Y };
-  }, I = n === "status.change", _ = (S, Q) => I ? b(Q) : y ? T(S) : qi(S, C, p), R = _(g, i), E = _(u, c);
-  return /* @__PURE__ */ x(Oi, { children: [
-    /* @__PURE__ */ x(Vi, { children: [
+  }, I = n === "status.change", _ = (N, Q) => I ? b(Q) : y ? T(N) : Qi(N, C, p), R = _(g, i), E = _(u, c);
+  return /* @__PURE__ */ k(ji, { children: [
+    /* @__PURE__ */ k(Ui, { children: [
       /* @__PURE__ */ l(Dt, { children: r || a }),
-      /* @__PURE__ */ x(Dt, { children: [
+      /* @__PURE__ */ k(Dt, { children: [
         "- ",
         h.join(" / "),
         " -"
       ] }),
       f && /* @__PURE__ */ l(Dt, { children: /* @__PURE__ */ l("strong", { children: f }) }),
       /* @__PURE__ */ l(Pt, { ...R }),
-      /* @__PURE__ */ l(ie, { icon: "trending_flat" }),
+      /* @__PURE__ */ l(se, { icon: "trending_flat" }),
       /* @__PURE__ */ l(Pt, { ...E })
     ] }),
-    /* @__PURE__ */ l(dt, { date: s })
+    /* @__PURE__ */ l(ut, { date: s })
   ] });
-}, Qi = A.li`
+}, Ji = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3053,7 +3058,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Yi = A.div`
+`, Ki = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: start;
@@ -3061,18 +3066,18 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   gap: var(--base-gap-small);
   padding: 0px 4px;
   overflow: hidden;
-`, Ji = A.span`
+`, Xi = F.span`
   color: var(--md-sys-color-outline);
   white-space: wrap;
   font-size: 12px;
-`, hn = ({ activity: e, isAdding: t }) => {
+`, fn = ({ activity: e, isAdding: t }) => {
   const { authorFullName: o, createdAt: n, activityData: a, authorName: r } = e || {}, { assignee: s } = a || {};
   let i = o || r;
-  return i += t ? " added " : " removed ", i += "assignee: " + s, /* @__PURE__ */ l(Qi, { children: /* @__PURE__ */ x(Yi, { children: [
-    /* @__PURE__ */ l(Ji, { children: i }),
-    /* @__PURE__ */ l(dt, { date: n })
+  return i += t ? " added " : " removed ", i += "assignee: " + s, /* @__PURE__ */ l(Ji, { children: /* @__PURE__ */ k(Ki, { children: [
+    /* @__PURE__ */ l(Xi, { children: i }),
+    /* @__PURE__ */ l(ut, { date: n })
   ] }) });
-}, Xi = A.li`
+}, Zi = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3084,7 +3089,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
 
   width: 100%;
   padding: 8px;
-`, Ki = A.div`
+`, es = F.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -3100,7 +3105,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       display: inline;
     }
   }
-`, Zi = A.div`
+`, ts = F.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -3114,7 +3119,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     min-width: 0;
     overflow: hidden;
   }
-`, fn = A.div`
+`, yn = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3138,7 +3143,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     display: none;
     flex: 1;
   }
-`, es = A(Ra)`
+`, ns = F(Ra)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -3152,23 +3157,23 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   img {
     object-fit: cover;
   }
-`, ts = A.span`
+`, os = F.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   min-width: 0;
-`, ns = A.div`
+`, as = F.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`, os = A.li`
+`, rs = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
   padding: 0;
   padding: 0px 8px;
-`, Qn = A.div`
+`, Yn = F.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -3191,7 +3196,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   &:hover {
     background-color: var(--md-sys-color-surface-container-hover);
   }
-`, as = ({
+`, is = ({
   activity: e,
   projectName: t,
   entityType: o,
@@ -3202,9 +3207,9 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
   const { onOpenViewer: s } = ze();
   let { authorName: i, authorFullName: c, createdAt: m, versions: p = [] } = e;
   const g = a === "versions" || a && typeof a == "object" && a.conditions?.some((C) => C.key === "versions" && C.value === !0), [u, h] = L(g), v = 2, [y, D] = L(!1), P = (C, f) => s?.({ versionIds: [C], productId: f, projectName: t });
-  return /* @__PURE__ */ x(Xi, { children: [
+  return /* @__PURE__ */ k(Zi, { children: [
     /* @__PURE__ */ l(
-      Wn,
+      Qn,
       {
         name: i,
         fullName: c || i,
@@ -3216,29 +3221,29 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       }
     ),
     p.flatMap((C, f) => {
-      const { name: b, id: T, productId: I, productName: _, thumbnailHash: R, comment: E } = C, S = r.find((Q) => Q.name === C.status);
-      return (f < v || u) && /* @__PURE__ */ x(Ki, { onClick: () => P(T, I), children: [
-        /* @__PURE__ */ x(Zi, { children: [
-          /* @__PURE__ */ x("div", { children: [
-            /* @__PURE__ */ x(fn, { children: [
+      const { name: b, id: T, productId: I, productName: _, thumbnailHash: R, comment: E } = C, N = r.find((Q) => Q.name === C.status);
+      return (f < v || u) && /* @__PURE__ */ k(es, { onClick: () => P(T, I), children: [
+        /* @__PURE__ */ k(ts, { children: [
+          /* @__PURE__ */ k("div", { children: [
+            /* @__PURE__ */ k(yn, { children: [
               /* @__PURE__ */ l("span", { children: _ }),
-              /* @__PURE__ */ l(dt, { date: m, isExact: !0 })
+              /* @__PURE__ */ l(ut, { date: m, isExact: !0 })
             ] }),
-            /* @__PURE__ */ x(fn, { children: [
-              /* @__PURE__ */ l(ts, { className: "version", children: b }),
+            /* @__PURE__ */ k(yn, { children: [
+              /* @__PURE__ */ l(os, { className: "version", children: b }),
               " -",
               /* @__PURE__ */ l(
                 Pt,
                 {
-                  icon: S?.icon,
-                  color: S?.color,
-                  name: S?.name || ""
+                  icon: N?.icon,
+                  color: N?.color,
+                  name: N?.name || ""
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ l(
-            es,
+            ns,
             {
               projectName: t,
               entityId: T,
@@ -3250,25 +3255,25 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
             }
           )
         ] }),
-        E && /* @__PURE__ */ l(ns, { children: E })
+        E && /* @__PURE__ */ l(as, { children: E })
       ] }, T);
     }),
-    !g && p.length > v && /* @__PURE__ */ x(Qn, { onClick: () => h(!u), children: [
-      /* @__PURE__ */ l(ie, { icon: "more" }),
+    !g && p.length > v && /* @__PURE__ */ k(Yn, { onClick: () => h(!u), children: [
+      /* @__PURE__ */ l(se, { icon: "more" }),
       /* @__PURE__ */ l("span", { children: u ? "Show less" : `Show ${p.length - v} more versions` })
     ] })
   ] });
-}, rs = ({ activities: e, editProps: t, ...o }) => {
+}, ss = ({ activities: e, editProps: t, ...o }) => {
   const [n, a] = L(!1);
-  return /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ l(os, { children: /* @__PURE__ */ x(Qn, { onClick: () => a(!n), children: [
-      /* @__PURE__ */ l(ie, { icon: n ? "expand_less" : "chevron_right" }),
+  return /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ l(rs, { children: /* @__PURE__ */ k(Yn, { onClick: () => a(!n), children: [
+      /* @__PURE__ */ l(se, { icon: n ? "expand_less" : "chevron_right" }),
       n ? "Show less" : "Show more"
     ] }) }),
     n && e.map((r) => (
       // @ts-expect-error
       /* @__PURE__ */ l(
-        Yn,
+        Jn,
         {
           editProps: t,
           activity: r,
@@ -3279,7 +3284,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       )
     ))
   ] });
-}, Yn = ({
+}, Jn = ({
   activity: e,
   fromGroup: t,
   annotationFrameStart: o,
@@ -3298,7 +3303,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
       return (
         // @ts-expect-error
         /* @__PURE__ */ l(
-          $i,
+          Vi,
           {
             activity: e,
             annotationFrameStart: o,
@@ -3315,18 +3320,18 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     case "attrib.change":
     case "tags.change":
     case "subtype.change":
-      return /* @__PURE__ */ l(Wi, { activity: e, projectInfo: n, ...g });
+      return /* @__PURE__ */ l(Yi, { activity: e, projectInfo: n, ...g });
     case "assignee.add":
-      return /* @__PURE__ */ l(hn, { activity: e, ...g, isAdding: !0 });
+      return /* @__PURE__ */ l(fn, { activity: e, ...g, isAdding: !0 });
     case "assignee.remove":
-      return /* @__PURE__ */ l(hn, { activity: e, ...g });
+      return /* @__PURE__ */ l(fn, { activity: e, ...g });
     case "version.publish":
-      return /* @__PURE__ */ l(as, { activity: e, projectInfo: n, filter: s, statuses: c, ...g });
+      return /* @__PURE__ */ l(is, { activity: e, projectInfo: n, filter: s, statuses: c, ...g });
     case "version.review":
-      return /* @__PURE__ */ l(Pi, { activity: e, isGuest: p, ...g });
+      return /* @__PURE__ */ l(Ri, { activity: e, isGuest: p, ...g });
     case "group":
       return !t && /* @__PURE__ */ l(
-        rs,
+        ss,
         {
           editProps: r,
           activities: e.items || [],
@@ -3337,7 +3342,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     default:
       return null;
   }
-}, is = A.section`
+}, cs = F.section`
   padding-bottom: 4px;
   overflow: hidden;
   position: relative;
@@ -3365,7 +3370,7 @@ const Ii = "anonymous.guest", Ei = "Anonymous User", Mi = "unknown.user", qn = (
     z-index: 1;
   }
 `;
-A.div`
+F.div`
   position: absolute;
   left: 8px;
   right: 8px;
@@ -3385,7 +3390,7 @@ A.div`
     color: inherit;
   }
 `;
-const ss = A.ul`
+const ls = F.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 24px 0;
@@ -3406,11 +3411,11 @@ const ss = A.ul`
   & > *:last-child {
     margin-top: 32px;
   }
-`, cs = A.span`
+`, ds = F.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
-`, ls = A.div`
+`, us = F.div`
   height: 50px;
   border-radius: 8px;
   overflow: hidden;
@@ -3418,7 +3423,7 @@ const ss = A.ul`
   opacity: 0.5;
 
   position: relative;
-`, ds = ({
+`, ms = ({
   projectName: e,
   entityType: t,
   entities: o = [],
@@ -3465,17 +3470,17 @@ const ss = A.ul`
   return {
     submitComment: async (C, f = [], b = {}) => {
       const T = o.map(({ id: R, subTitle: E }) => {
-        const S = sn(), Q = f.map((te) => te.id), Y = a ? { ...b, entityList: a } : b, H = {
+        const N = cn(), Q = f.map((te) => te.id), Y = a ? { ...b, entityList: a } : b, H = {
           body: C,
           activityType: "comment",
-          id: S,
+          id: N,
           files: Q,
           data: Y
         }, J = f.filter(
           ({ id: te }) => !b.annotations?.some(
             (oe) => oe.transparent === te
           )
-        ), q = h({ entityId: R, newId: S, subTitle: E, value: C, files: J, data: b });
+        ), q = h({ entityId: R, newId: N, subTitle: E, value: C, files: J, data: b });
         return r({
           projectName: e,
           entityType: t,
@@ -3487,12 +3492,12 @@ const ss = A.ul`
         });
       }), _ = (await Promise.all(T)).filter((R) => R.error);
       if (_.length > 0) {
-        const R = on(_[0].error) || "Failed to create comment";
+        const R = an(_[0].error) || "Failed to create comment";
         throw Fe.error(R), new Error(R);
       }
     },
     updateComment: async (C, f, b = [], T = {}) => {
-      const I = b.map((S) => S.id), _ = {
+      const I = b.map((N) => N.id), _ = {
         body: f,
         files: I,
         data: T
@@ -3512,8 +3517,8 @@ const ss = A.ul`
           filter: n,
           ...E
         });
-      } catch (S) {
-        throw Fe.error(on(S)), S;
+      } catch (N) {
+        throw Fe.error(an(N)), N;
       }
     },
     deleteComment: async (C, f, b = []) => {
@@ -3534,8 +3539,8 @@ const ss = A.ul`
     },
     submitReview: async (C) => {
       const f = o.map(({ id: b, subTitle: T }) => {
-        const I = sn(), _ = { feedback: C, entityList: a }, R = {
-          body: Jr(C, t),
+        const I = cn(), _ = { feedback: C, entityList: a }, R = {
+          body: Xr(C, t),
           activityType: "version.review",
           id: I,
           data: _
@@ -3553,7 +3558,7 @@ const ss = A.ul`
     },
     isSaving: c
   };
-}, St = (e = {}) => {
+}, Nt = (e = {}) => {
   const {
     updatedAt: t,
     createdAt: o,
@@ -3573,7 +3578,7 @@ const ss = A.ul`
     status: i?.status,
     thumbnailHash: i?.thumbnailHash
   };
-}, us = 5, ms = (e = []) => {
+}, ps = 5, gs = (e = []) => {
   const t = [];
   let o = null;
   for (const n of e) {
@@ -3582,23 +3587,23 @@ const ss = A.ul`
       continue;
     }
     if (!o) {
-      o = { ...n }, o.versions = [St(n)];
+      o = { ...n }, o.versions = [Nt(n)];
       continue;
     }
     const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, i = Ha(
       new Date(o.createdAt),
       new Date(n.createdAt)
-    ) <= us;
+    ) <= ps;
     if (a && i && r) {
-      o.versions.push(St(n));
+      o.versions.push(Nt(n));
       continue;
     } else {
-      t.push(o), o = { ...n }, o.versions = [St(n)];
+      t.push(o), o = { ...n }, o.versions = [Nt(n)];
       continue;
     }
   }
   return o && t.push(o), t;
-}, ps = (e, t) => {
+}, hs = (e, t) => {
   let o = {};
   t.reduce((i, c) => (i[c.name] = c, i), o);
   const n = [];
@@ -3646,14 +3651,14 @@ const ss = A.ul`
     a = [];
   };
   for (const i of e)
-    if (gs.includes(i.activityType))
+    if (fs.includes(i.activityType))
       a.push(i);
     else {
       const c = n.length === 0;
       s(c, n.length), n.push(i);
     }
   return a.length > 0 && s(!1, n.length), n;
-}, yn = (e, t, o = "oldValue") => {
+}, vn = (e, t, o = "oldValue") => {
   const n = [];
   let a = null, r = null;
   for (const s of e)
@@ -3662,7 +3667,7 @@ const ss = A.ul`
         a = { ...s }, r = new Date(s.createdAt);
         continue;
       }
-      const i = a.authorName === s.authorName, c = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && ct(r) && ct(p) && Math.abs(qa(r, p)) <= 20;
+      const i = a.authorName === s.authorName, c = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && lt(r) && lt(p) && Math.abs(qa(r, p)) <= 20;
       i && u && c && m ? (s[o] !== void 0 && (a[o] = s[o]), a.activityData = {
         ...a.activityData,
         oldValue: s.activityData.oldValue
@@ -3670,14 +3675,14 @@ const ss = A.ul`
     } else
       a && (a.activityData.oldValue !== a.activityData.newValue && n.push(a), a = null, r = null), n.push(s);
   return a && a.activityData.oldValue !== a.activityData.newValue && !n.some((s) => s.activityId === a.activityId) && n.push(a), n;
-}, gs = [
+}, fs = [
   "status.change",
   "assignee.add",
   "assignee.remove",
   "attrib.change",
   "tags.change",
   "subtype.change"
-], hs = (e = [], t = {}) => e.map((o) => {
+], ys = (e = [], t = {}) => e.map((o) => {
   const n = { ...o, origin: { ...o.origin } };
   if (n.activityType === "status.change") {
     if (!t) return n;
@@ -3685,15 +3690,15 @@ const ss = A.ul`
     n.oldStatus = { ...s, name: a }, n.newStatus = { ...i, name: r };
   }
   return n;
-}), fs = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, ys = (e = [], t = [], o = {}, n, a, r) => {
-  const s = N(
-    () => hs(e, o),
+}), vs = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, bs = (e = [], t = [], o = {}, n, a, r) => {
+  const s = S(
+    () => ys(e, o),
     [e, o]
-  ), i = N(() => s.map((y) => ({ ...y, isOwner: a === y.authorName })), [s, a]), c = N(
-    () => fs(i, ["version"], n),
+  ), i = S(() => s.map((y) => ({ ...y, isOwner: a === y.authorName })), [s, a]), c = S(
+    () => vs(i, ["version"], n),
     [i, n]
-  ), m = N(() => [...c].sort((D, P) => {
-    const C = new Date(D.createdAt), f = new Date(P.createdAt), b = ct(C), T = ct(f);
+  ), m = S(() => [...c].sort((D, P) => {
+    const C = new Date(D.createdAt), f = new Date(P.createdAt), b = lt(C), T = lt(f);
     if (!b && !T)
       return 0;
     if (b) {
@@ -3701,34 +3706,34 @@ const ss = A.ul`
         return -1;
     } else return 1;
     return Wa(f, C);
-  }), [c]), p = N(
-    () => yn(m, "status.change", "oldStatus"),
+  }), [c]), p = S(
+    () => vn(m, "status.change", "oldStatus"),
     [m]
-  ), g = N(
-    () => yn(p, "attrib.change"),
+  ), g = S(
+    () => vn(p, "attrib.change"),
     [p]
-  ), u = N(() => r?.conditions?.some(
+  ), u = S(() => r?.conditions?.some(
     (D) => "key" in D && D.key === "updates" && D.value === !0
-  ) ? g : ps(g, t), [g, t, r]), h = N(
-    () => ms(u),
+  ) ? g : hs(g, t), [g, t, r]), h = S(
+    () => gs(u),
     [u]
   );
-  return N(() => [...new Map(
+  return S(() => [...new Map(
     h.filter((D) => D && D.activityId).map((D) => [D.activityId, D])
   ).values()], [h]);
-}, vn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), vs = ({
+}, bn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), ws = ({
   entities: e = [],
   feedRef: t,
   filter: o,
   disabled: n,
   isLoading: a
 }) => {
-  const r = ve({}), s = (i) => {
+  const r = ge({}), s = (i) => {
     const c = i.current.querySelectorAll(".scroll-to"), m = Array.from(c).map((g) => g.closest("li.comment"));
     return (m[m.length - 1]?.offsetTop || 0) - 8 || 0;
   };
   G(() => {
-    const i = vn(e, o);
+    const i = bn(e, o);
     !t.current || n || a || (t.current.scrollTop = r.current[i] || s(t));
   }, [e, o, t.current, a]), G(() => {
     let i = null;
@@ -3739,27 +3744,27 @@ const ss = A.ul`
       i = setTimeout(() => {
         i = null;
       }, 300);
-      const { scrollTop: p } = m.target, g = vn(e, o);
+      const { scrollTop: p } = m.target, g = bn(e, o);
       r.current[g] = p;
     };
     return t.current?.addEventListener("scroll", c), () => {
       t.current?.removeEventListener("scroll", c);
     };
   }, [t.current, o, e, n]);
-}, bs = ({ feedRef: e, isInputOpen: t, height: o }) => {
+}, xs = ({ feedRef: e, isInputOpen: t, height: o }) => {
   G(() => {
     if (!e.current) return;
     const n = o;
     e.current.scrollTop === 0 || (t ? e.current.scrollBy(0, n) : e.current.scrollBy(0, -n));
   }, [t, e, o]);
-}, ws = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), xs = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ l(
-  ls,
+}, ks = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), As = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ l(
+  us,
   {
     className: "loading",
-    style: { minHeight: ws(50, 150) }
+    style: { minHeight: ks(50, 150) }
   },
   o
-)), ks = ({
+)), Fs = ({
   feedRef: e,
   highlighted: t = [],
   isLoading: o,
@@ -3767,7 +3772,7 @@ const ss = A.ul`
   hasNextPage: a,
   activities: r
 }) => {
-  const s = ve([]), i = async (m, p = 0) => {
+  const s = ge([]), i = async (m, p = 0) => {
     if (!n) return null;
     const g = m.querySelector("li.isHighlighted");
     if (g) return g;
@@ -3786,7 +3791,7 @@ const ss = A.ul`
   G(() => {
     !t.length || !e.current || o || !n || t.every((m) => s.current?.includes(m)) || (console.log("trying to scroll to highlighted..."), c(e.current));
   }, [e, t, r, o, n, s, a]);
-}, Fs = (e) => e.map((t) => {
+}, Cs = (e) => e.map((t) => {
   if (t.activityType !== "comment" || !t.activityData?.annotations) return t;
   const o = t.files.map((a) => {
     const r = t.activityData.annotations.find(
@@ -3795,17 +3800,17 @@ const ss = A.ul`
     return r ? r.transparent === a.id ? null : { ...a, annotation: r } : a;
   }).filter(Boolean);
   return { ...t, files: o };
-}), Jn = [
+}), Kn = [
   "comments",
   "versions",
   "updates",
   "checklists",
   "has_attachments",
   "in_review_session"
-], As = (e) => !!e && "key" in e, Cs = (e, t) => {
+], Ts = (e) => !!e && "key" in e, Ds = (e, t) => {
   const o = [], n = [], a = (r) => {
     if (!r) return;
-    if (As(r)) {
+    if (Ts(r)) {
       const i = r.key;
       if (i === "body") {
         const p = String(r.value ?? "");
@@ -3814,9 +3819,9 @@ const ss = A.ul`
       }
       const c = t.find((p) => p.id === i);
       if (!c) return;
-      if (Jn.includes(i)) {
+      if (Kn.includes(i)) {
         r.value === !0 && o.push({
-          id: en(i),
+          id: tn(i),
           label: c.label,
           icon: c.icon,
           type: "boolean",
@@ -3829,7 +3834,7 @@ const ss = A.ul`
       }
       const m = Array.isArray(r.value) ? r.value : [r.value];
       o.push({
-        id: en(i),
+        id: tn(i),
         label: c.label,
         type: c.type,
         icon: c.icon,
@@ -3842,32 +3847,32 @@ const ss = A.ul`
       });
       return;
     }
-    const s = Ya(r, t);
+    const s = Ka(r, t);
     if (s) {
       o.push(s);
       return;
     }
     r.conditions?.forEach(a);
   };
-  return e?.conditions?.forEach(a), n.length && o.push({ id: Tn, label: "", values: n }), o;
-}, Ts = (e) => {
+  return e?.conditions?.forEach(a), n.length && o.push({ id: Dn, label: "", values: n }), o;
+}, Ns = (e) => {
   const t = [], o = [];
   return e.forEach((n) => {
-    const a = No(n.id), r = (n.values || []).map((s) => s.id);
+    const a = Eo(n.id), r = (n.values || []).map((s) => s.id);
     if (r.length)
-      if (a === Tn)
+      if (a === Dn)
         r.forEach(
           (s) => o.push({ key: "body", operator: "like", value: String(s) })
         );
-      else if (Jn.includes(a))
+      else if (Kn.includes(a))
         r.includes("true") && t.push({ key: a, operator: "eq", value: !0 });
       else if (n.type === "datetime") {
-        const s = Ja(a, n);
+        const s = Xa(a, n);
         s && t.push(s);
       } else
         t.push({ key: a, operator: "in", value: r.map(String) });
   }), o.length === 1 ? t.push(o[0]) : o.length > 1 && t.push({ operator: "or", conditions: o }), { operator: "and", conditions: t };
-}, Ds = A.div`
+}, Ss = F.div`
   padding: 4px 8px;
   padding-bottom: 0;
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
@@ -3882,7 +3887,7 @@ const ss = A.ul`
     opacity: 0.5;
     pointer-events: none;
   }
-`, Xn = ht(
+`, Xn = ft(
   ({
     feedFilter: e,
     setFeedFilter: t,
@@ -3893,7 +3898,7 @@ const ss = A.ul`
     checklistCount: s,
     onSearchTextChange: i
   }) => {
-    const c = N(() => {
+    const c = S(() => {
       const f = (T, I, _) => ({
         id: T,
         label: I,
@@ -3944,19 +3949,19 @@ const ss = A.ul`
           label: "Posted date",
           icon: "calendar_today",
           type: "datetime",
-          values: ua()
+          values: pa()
         }
       ];
     }, [o, n, a]);
     let m = "";
     s?.total && s.total > 0 && (m = `${s.checked}/${s.total}`);
-    const p = N(
+    const p = S(
       () => ["comments", { id: "checklists", label: m, tooltip: "Checklists" }],
       [m]
-    ), g = N(
-      () => Cs(e, c),
+    ), g = S(
+      () => Ds(e, c),
       [e, c]
-    ), [u, h] = L(g), v = er(), y = ve(null);
+    ), [u, h] = L(g), v = nr(), y = ge(null);
     G(() => {
       h(g);
     }, [JSON.stringify(g)]), G(() => {
@@ -3969,11 +3974,11 @@ const ss = A.ul`
       };
     }, [y]);
     const D = (f) => {
-      t(Ts(f)), i?.("");
+      t(Ns(f)), i?.("");
     };
-    return /* @__PURE__ */ x(Ds, { className: r ? "loading" : void 0, children: [
+    return /* @__PURE__ */ k(Ss, { className: r ? "loading" : void 0, children: [
       /* @__PURE__ */ l(
-        Io,
+        Mo,
         {
           ref: y,
           compact: !0,
@@ -4022,7 +4027,7 @@ const ss = A.ul`
   }
 );
 Xn.displayName = "FeedSearchFilter";
-function Ss({
+function Is({
   projectName: e,
   enabled: t,
   entityIds: o,
@@ -4030,10 +4035,10 @@ function Ss({
   loadingActivities: a,
   userName: r
 }) {
-  const s = N(
+  const s = S(
     () => n.find((p) => p.activityType === "version.review" && p.authorName === r),
     [n, r]
-  ), i = !!(o.length === 0 || !t || a || s), { data: c } = Sa(
+  ), i = !!(o.length === 0 || !t || a || s), { data: c } = Na(
     {
       projectName: e,
       entityIds: o,
@@ -4043,27 +4048,27 @@ function Ss({
     },
     { skip: i }
   );
-  return N(() => s ?? c?.activities.at(-1), [s, c]);
+  return S(() => s ?? c?.activities.at(-1), [s, c]);
 }
-const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ projectName: e, entityType: t, entities: o, activities: n }) => {
-  const a = N(
+const Es = (e) => !!e.activityData?.annotations?.length || !!yt(e), Ms = ({ projectName: e, entityType: t, entities: o, activities: n }) => {
+  const a = S(
     () => t === "version" ? Object.fromEntries(
       o.filter((i) => i.attrib).map((i) => [i.id, i.attrib?.frameStart ?? null])
     ) : {},
     [t, o]
-  ), r = N(() => {
+  ), r = S(() => {
     const i = /* @__PURE__ */ new Set();
     for (const c of n) {
       const m = c.origin;
-      c.activityType !== "comment" || m?.type !== "version" || m.id in a || !Ns(c) || i.add(m.id);
+      c.activityType !== "comment" || m?.type !== "version" || m.id in a || !Es(c) || i.add(m.id);
     }
     return [...i].sort();
-  }, [n, a]), { data: s } = Na(
+  }, [n, a]), { data: s } = Sa(
     { projectName: e, versionIds: r },
     { skip: !e || !r.length }
   );
-  return N(() => ({ ...s, ...a }), [s, a]);
-}, Nc = 30, Ic = ({
+  return S(() => ({ ...s, ...a }), [s, a]);
+}, Mc = 30, Pc = ({
   disabled: e,
   readOnly: t,
   statuses: o = [],
@@ -4092,7 +4097,7 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
     setFeedFilter: _,
     isGuest: R,
     searchText: E,
-    setSearchText: S
+    setSearchText: N
   } = $e(), {
     openSlideOut: Q,
     highlightedActivities: Y,
@@ -4105,10 +4110,10 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
     (w) => "key" in w && w.key === "versions" && w.value === !0
   ), W = I.conditions?.some(
     (w) => "key" in w && ["comments", "checklists", "versions", "updates"].includes(w.key) && w.value === !0
-  ), j = I.conditions?.some(
+  ), U = I.conditions?.some(
     (w) => "key" in w && (w.key === "comments" || w.key === "checklists") && w.value === !0
-  ), de = m === "version" || m === "folder", { data: se, isLoading: ne } = Ia({ projectName: i }, { skip: !i }), we = !te.data?.isManager && !te.data?.isAdmin && !ne && se?.activities?.enabled && !se?.activities?.activities?.includes("comment") || W && !j, xe = N(
-    () => Fs(v),
+  ), de = m === "version" || m === "folder", { data: ae, isLoading: ne } = Ia({ projectName: i }, { skip: !i }), we = !te.data?.isManager && !te.data?.isAdmin && !ne && ae?.activities?.enabled && !ae?.activities?.activities?.includes("comment") || W && !U, xe = S(
+    () => Cs(v),
     [v]
   );
   G(() => {
@@ -4122,17 +4127,17 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
     q(w);
   }, [xe]), G(() => {
     const w = v.map((M) => {
-      const O = ft(M);
+      const O = yt(M);
       return O && { ...O, activityId: M.activityId };
     }).filter((M) => !!M);
     $(w);
   }, [v]);
-  const Ce = Is({
+  const ke = Ms({
     projectName: i,
     entityType: m,
     entities: c,
     activities: v
-  }), ge = ys(
+  }), he = bs(
     // @ts-ignore
     xe,
     f,
@@ -4140,21 +4145,21 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
     m,
     h,
     I
-  ), Ee = N(() => {
-    if (!E) return ge;
+  ), Me = S(() => {
+    if (!E) return he;
     const w = E.toLowerCase();
-    return ge.filter(
+    return he.filter(
       (M) => M.body?.toLowerCase().includes(w)
     );
-  }, [ge, E]), X = ve(null);
-  bs({ feedRef: X, isInputOpen: p === rt, height: 93 }), vs({
+  }, [he, E]), K = ge(null);
+  xs({ feedRef: K, isInputOpen: p === it, height: 93 }), ws({
     entities: c,
-    feedRef: X,
+    feedRef: K,
     filter: I,
     disabled: !!Y.length,
     isLoading: y
-  }), ks({
-    feedRef: X,
+  }), Fs({
+    feedRef: K,
     highlighted: Y,
     isLoading: y || D,
     loadNextPage: P,
@@ -4162,12 +4167,12 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
     activities: v
   });
   const {
-    submitComment: Se,
+    submitComment: Te,
     updateComment: Oe,
-    deleteComment: Me,
-    submitReview: Te,
-    isSaving: Qe
-  } = ds({
+    deleteComment: Se,
+    submitReview: De,
+    isSaving: Ye
+  } = ms({
     projectName: i,
     entityType: m,
     entities: c,
@@ -4175,58 +4180,58 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
     entityListId: n
   }), Ve = qe(
     async (w, M = [], O = {}) => {
-      await Se(w, M, O), X.current && X.current.scrollTo({ top: 0 });
+      await Te(w, M, O), K.current && K.current.scrollTo({ top: 0 });
     },
-    [Se, X]
-  ), be = qe(
+    [Te, K]
+  ), fe = qe(
     async (w) => {
-      await Te(w);
+      await De(w);
     },
-    [Te]
+    [De]
   ), Be = (w, M) => {
     const O = w?.target;
     if (!O || !M) return console.log("no target or activity");
-    const K = O.checked, ue = K ? "[ ]" : "[x]", F = K ? "[x]" : "[ ]", { body: me } = M, he = Array.from(
+    const X = O.checked, ue = X ? "[ ]" : "[x]", A = X ? "[x]" : "[ ]", { body: me } = M, ye = Array.from(
       O.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
-    ).findIndex((Ze) => Ze === O.closest("li"));
-    let Ne = he;
-    (me.match(/\[.\]/g) || []).forEach((Ze, vt) => {
-      Ze !== ue && vt < he && Ne--;
+    ).findIndex((et) => et === O.closest("li"));
+    let Ie = ye;
+    (me.match(/\[.\]/g) || []).forEach((et, bt) => {
+      et !== ue && bt < ye && Ie--;
     });
     const Le = [];
-    let Je = -1;
-    for (; (Je = me.indexOf(ue, Je + 1)) > -1; )
-      Le.push(Je);
-    const Xe = Le[Ne];
+    let Ke = -1;
+    for (; (Ke = me.indexOf(ue, Ke + 1)) > -1; )
+      Le.push(Ke);
+    const Xe = Le[Ie];
     if (Xe === void 0) return;
-    const mt = Xe + ue.length, Ke = me.slice(0, Xe) + F + me.slice(mt);
-    Ke && Oe(M, Ke, M.files);
+    const mt = Xe + ue.length, Ze = me.slice(0, Xe) + A + me.slice(mt);
+    Ze && Oe(M, Ze, M.files);
   }, Ge = (w) => {
-    const { entityId: M, entityType: O, activityId: K } = w;
+    const { entityId: M, entityType: O, activityId: X } = w;
     if (!O || !["version", "task", "folder"].includes(O))
       return console.log("Entity type not supported yet");
     if (!M || !O || !i) return console.log("No entity id or type found");
-    Q({ entityId: M, entityType: O, projectName: i }), H([K]);
-  }, ae = ({ index: w, activityId: M }) => {
-    const O = Object.values(Ee).reverse().filter((K) => K.activityType == "comment").map((K) => ({
-      id: K.activityId,
-      files: K.files.filter((ue) => yt(ue.mime, ue.ext))
-    })).filter((K) => K.files.length > 0);
+    Q({ entityId: M, entityType: O, projectName: i }), H([X]);
+  }, re = ({ index: w, activityId: M }) => {
+    const O = Object.values(Me).reverse().filter((X) => X.activityType == "comment").map((X) => ({
+      id: X.activityId,
+      files: X.files.filter((ue) => vt(ue.mime, ue.ext))
+    })).filter((X) => X.files.length > 0);
     J?.({ files: O, activityId: M, index: w, projectName: i });
-  }, [Ye, Pe] = L(null), He = !we && !t && !e, _e = qe(
+  }, [Je, Pe] = L(null), He = !we && !t && !e, _e = qe(
     (w) => {
-      Pe({ key: bn(), activity: w }), u(rt);
+      Pe({ key: wn(), activity: w }), u(it);
     },
     [u]
-  ), je = N(() => xs(10), []), ke = Ss({
+  ), je = S(() => As(10), []), Ae = Is({
     projectName: i,
     enabled: r,
     entityIds: c.map((w) => w.id),
-    activities: ge,
+    activities: he,
     loadingActivities: y,
     userName: h
   });
-  return /* @__PURE__ */ l(Ae, { children: /* @__PURE__ */ x(is, { className: "feed", children: [
+  return /* @__PURE__ */ l(Ce, { children: /* @__PURE__ */ k(cs, { className: "feed", children: [
     void 0,
     /* @__PURE__ */ l(
       Xn,
@@ -4237,26 +4242,26 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
         categories: b,
         supportsReviewSession: de,
         isLoading: y,
-        onSearchTextChange: S,
+        onSearchTextChange: N,
         checklistCount: T
       }
     ),
-    /* @__PURE__ */ x(ss, { ref: X, className: ee({ loading: y }, "no-shimmer"), children: [
-      y ? je : Ee.map((w) => /* @__PURE__ */ l(
-        Yn,
+    /* @__PURE__ */ k(ls, { ref: K, className: ee({ loading: y }, "no-shimmer"), children: [
+      y ? je : Me.map((w) => /* @__PURE__ */ l(
+        Jn,
         {
           activity: w,
-          annotationFrameStart: Ce[w.origin?.id],
+          annotationFrameStart: ke[w.origin?.id],
           onCheckChange: Be,
-          onDelete: Me,
-          onUpdate: async (M, O, K, ue) => await Oe(w, M, O, ue),
+          onDelete: Se,
+          onUpdate: async (M, O, X, ue) => await Oe(w, M, O, ue),
           onDuplicate: He ? _e : void 0,
           projectInfo: g,
           projectName: i,
           entityType: m,
           onReferenceClick: Ge,
           createdAts: c.map((M) => M.createdAt),
-          onFileExpand: ae,
+          onFileExpand: re,
           showOrigin: c.length > 1,
           filter: I,
           editProps: {
@@ -4272,31 +4277,31 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
         },
         w.activityId
       )),
-      Ee.length === 0 && oe && !j && !y && /* @__PURE__ */ l(Nt, { message: "No versions published yet", icon: "layers" }),
+      Me.length === 0 && oe && !U && !y && /* @__PURE__ */ l(St, { message: "No versions published yet", icon: "layers" }),
       C && P && /* @__PURE__ */ l(
-        Qa,
+        Ja,
         {
-          root: X.current,
+          root: K.current,
           onChange: (w) => w && P(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ l(cs, { style: { height: 0 }, onClick: () => P(), children: D ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ l(ds, { style: { height: 0 }, onClick: () => P(), children: D ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
     !we && /* @__PURE__ */ l(
-      Bn,
+      Gn,
       {
         initValue: null,
         onSubmit: Ve,
-        isOpen: p === rt,
+        isOpen: p === it,
         onClose: () => u(null),
-        onOpen: () => u(rt),
+        onOpen: () => u(it),
         disabled: e,
-        isLoading: y || !c.length || Qe,
+        isLoading: y || !c.length || Ye,
         versionReview: r,
-        lastOwnVersionReview: ke,
-        onReview: be,
-        duplicate: Ye,
+        lastOwnVersionReview: Ae,
+        onReview: fe,
+        duplicate: Je,
         onDuplicateHandled: () => Pe(null),
         saveDraft: s
       }
@@ -4304,19 +4309,19 @@ const Ns = (e) => !!e.activityData?.annotations?.length || !!ft(e), Is = ({ proj
   ] }) });
 };
 export {
-  zr as A,
-  Gr as C,
-  Dc as D,
-  rt as F,
-  dn as P,
-  Sc as S,
-  Vr as a,
-  it as b,
-  Ic as c,
-  Tc as d,
-  br as e,
-  Nc as f,
-  yt as g,
-  Br as i,
-  Qr as r
+  Gr as A,
+  qr as C,
+  Ic as D,
+  it as F,
+  un as P,
+  Ec as S,
+  Ur as a,
+  st as b,
+  Pc as c,
+  Sc as d,
+  xr as e,
+  Mc as f,
+  vt as g,
+  Hr as i,
+  Jr as r
 };