@ynput/ayon-frontend-shared 0.6.5 → 0.6.7

package/dist/chunks/Feed.es.js

@@ -1,17 +1,17 @@
 import { jsx as c, jsxs as x, Fragment as Ae } from "react/jsx-runtime";
-import Qt, { useMemo as N, useState as L, useEffect as Y, lazy as so, Suspense as co, useCallback as We, useRef as fe, forwardRef as pt, useId as lo, Fragment as uo } from "react";
-import { v4 as gn } from "uuid";
-import te, { clsx as hn } from "clsx";
-import fn from "react-markdown";
-import yn from "remark-emoji";
-import vn from "remark-gfm";
-import mo from "remark-directive";
-import po from "remark-directive-rehype";
+import Yt, { useMemo as N, useState as L, useEffect as Y, lazy as uo, Suspense as po, useCallback as We, useRef as fe, forwardRef as mt, useId as mo, Fragment as go } from "react";
+import { v4 as hn } from "uuid";
+import te, { clsx as fn } from "clsx";
+import yn from "react-markdown";
+import vn from "remark-emoji";
+import bn from "remark-gfm";
+import ho from "remark-directive";
+import fo from "remark-directive-rehype";
 import { toast as ke } from "react-toastify";
-import { $createListItemNode as go, $createListNode as ho } from "@lexical/list";
-import { $getRoot as fo } from "lexical";
-import { Button as at, Dialog as yo, getFileSizeString as vo, Icon as re, theme as bn, getTextColor as St, Dropdown as bo, SaveButton as wo, UserImage as wn, SEARCH_FILTER_ID as xn, buildFilterId as Yt, getFilterFromId as xo, SearchFilter as ko } from "@ynput/ayon-react-components";
-import { p as Ao, Y as Fo, q as Co, P as To, o as kn, L as Do, l as No, V as So, r as Jt, s as Io, u as Eo, E as Mo, M as _o, T as Po, v as Ro, F as $o, w as Lo, x as Oo, y as jo, z as Vo, G as zo, S as Uo, H as Bo, I as Go, J as It, n as An, K as Ho, A as qo, O as Wo, Q as Qo, R as Yo, W as Jo, X as Xo, Z as Ko, _ as Xt, $ as Zo, a0 as ea, a1 as ta, a2 as na, a3 as oa, a4 as aa, b as ra, j as ia } from "./PlayableIcon.es.js";
+import { $createListItemNode as yo, $createListNode as vo } from "@lexical/list";
+import { $getRoot as bo } from "lexical";
+import { Button as at, Dialog as wo, getFileSizeString as xo, Icon as re, theme as wn, getTextColor as It, Dropdown as ko, SaveButton as Ao, UserImage as xn, SEARCH_FILTER_ID as kn, buildFilterId as Jt, getFilterFromId as Fo, SearchFilter as Co } from "@ynput/ayon-react-components";
+import { p as To, Y as Do, q as No, P as So, o as An, L as Io, l as Eo, V as Mo, r as Xt, s as _o, u as Po, E as $o, M as Ro, T as Lo, v as Oo, F as jo, w as Vo, x as zo, y as Uo, z as Bo, G as Go, S as Ho, H as qo, I as Wo, J as Et, n as Fn, K as Qo, A as Yo, O as Jo, Q as Xo, R as Ko, W as Zo, X as ea, Z as ta, _ as Kt, $ as na, a0 as oa, a1 as aa, a2 as ra, a3 as ia, a4 as sa, b as ca, j as la } from "./PlayableIcon.es.js";
 import "@lexical/markdown";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
@@ -19,57 +19,57 @@ import "@lexical/code";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
-import F, { css as Et } from "styled-components";
-import sa from "@uiw/react-textarea-code-editor";
-import { E as Ct } from "./EmptyPlaceholder.es.js";
-import { a as ca, M as la } from "./Menu.es.js";
-import { aQ as da, bi as Kt } from "./searchTerms.es.js";
-import { bg as ua, bj as ma, aF as pa, df as ga, aS as ha, aM as fa, a$ as ya, N as va, bB as ba, bi as wa, bt as xa, bn as ka, bh as Aa, bX as Fa } from "./getUris.es.js";
+import F, { css as Mt } from "styled-components";
+import { C as da } from "./CodeEditor.es.js";
+import { E as Tt } from "./EmptyPlaceholder.es.js";
+import { a as ua, M as pa } from "./Menu.es.js";
+import { aQ as ma, bi as Zt } from "./searchTerms.es.js";
+import { bg as ga, bj as ha, aF as fa, df as ya, aS as va, aM as ba, a$ as wa, N as xa, bB as ka, bi as Aa, bt as Fa, bn as Ca, bh as Ta, bX as Da } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { union as Ca, isEqual as Ta } from "lodash";
-import { b as Da, F as Na, u as Re, a as Fn, T as Sa, C as Ia } from "./ThumbnailSimple.es.js";
+import { union as Na, isEqual as Sa } from "lodash";
+import { b as Ia, F as Ea, u as $e, a as Cn, T as Ma, C as _a } from "./ThumbnailSimple.es.js";
 import "@module-federation/enhanced/runtime";
-import { v as ze, x as Ea, _ as Mt, u as Ma } from "./DeleteEntitiesContextInstance.es.js";
+import { o as ze, x as Pa, _ as _t, u as $a } from "./DeleteEntitiesContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
 import "react-redux";
 import { p as he } from "./parseFilename.es.js";
-import _t from "axios";
-import { b as Zt } from "./colorUtils.es.js";
+import Pt from "axios";
+import { b as en } from "./colorUtils.es.js";
 import "./EntityTooltip.es.js";
-import { isValid as rt, isToday as _a, isSameYear as Pa, isSameDay as Ra, isSameWeek as $a, isSameMinute as La, format as en, formatISO as Oa, differenceInMinutes as ja, differenceInSeconds as Va, compareAsc as za } from "date-fns";
+import { isValid as rt, isToday as Ra, isSameYear as La, isSameDay as Oa, isSameWeek as ja, isSameMinute as Va, format as tn, formatISO as za, differenceInMinutes as Ua, differenceInSeconds as Ba, compareAsc as Ga } from "date-fns";
 import "./MenuItem.es.js";
-import { InView as Ua } from "react-intersection-observer";
-import { t as Ba, c as Ga } from "./queryFilterToClientFilter.es.js";
-import { u as Ha } from "./useDateRangeFilter.es.js";
+import { InView as Ha } from "react-intersection-observer";
+import { t as qa, c as Wa } from "./queryFilterToClientFilter.es.js";
+import { u as Qa } from "./useDateRangeFilter.es.js";
 import "match-sorter";
-import { c as qa } from "./confirmDelete.es.js";
-import { c as Cn } from "./copyToClipboard.es.js";
-import { g as tn } from "./realtimeUpdatesUtils.es.js";
-const Wa = (e) => e.replace(/\r\n?/g, `
+import { c as Ya } from "./confirmDelete.es.js";
+import { c as Tn } from "./copyToClipboard.es.js";
+import { g as nn } from "./realtimeUpdatesUtils.es.js";
+const Ja = (e) => e.replace(/\r\n?/g, `
 `).replace(/^\s*(```|~~~).*$/gm, "").replace(/!?\[([^\]]*)\]\((?:\\.|[^)\\])*\)/g, "$1").replace(/<(https?:[^>]+)>/g, "$1").replace(/<\/?[a-z][^>]*>/gi, "").replace(/[<>]/g, "").replace(/&nbsp;/g, " ").replace(/^\s*#{1,6}\s+/gm, "").replace(/^\s*>\s?/gm, "").replace(/^\s*(?:[-*+]|\d+[.)])\s+(?:\[[ xX]\]\s+)?/gm, "").replace(/`([^`]*)`/g, "$1").replace(/(\*\*|__)(.+?)\1/g, "$2").replace(/~~(.+?)~~/g, "$1").replace(/(^|[^\w*\\])\*(?!\s)([^*]+?)\*(?!\w)/g, "$1$2").replace(/(^|[^\w\\])_(?!\s)([^_]+?)_(?!\w)/g, "$1$2").replace(/\\\n/g, `
-`).replace(/\\([\\`*_{}[\]()#+\-.!~>|])/g, "$1").replace(/\s+/g, " ").trim(), Qa = (e) => {
+`).replace(/\\([\\`*_{}[\]()#+\-.!~>|])/g, "$1").replace(/\s+/g, " ").trim(), Xa = (e) => {
   const t = (e.node?.children ?? []).filter(
-    (s) => !(s.type === "text" && !s.value?.trim())
+    (i) => !(i.type === "text" && !i.value?.trim())
   );
   if (t.length !== 1) return null;
   const [o] = t;
   if (o.type !== "element" || o.tagName !== "a") return null;
-  const n = o.properties?.href, a = o.children?.map((s) => s.value ?? "").join("");
+  const n = o.properties?.href, a = o.children?.map((i) => i.value ?? "").join("");
   if (!n || a?.trim() !== n) return null;
-  const r = Ao(n);
-  return r ? /* @__PURE__ */ c(Fo, { video: r }) : null;
-}, Ya = (e, { onOpen: t } = {}) => {
+  const r = To(n);
+  return r ? /* @__PURE__ */ c(Do, { video: r }) : null;
+}, Ka = (e, { onOpen: t } = {}) => {
   const o = (e.node?.children ?? []).filter(
-    (i) => !(i.type === "text" && !i.value?.trim())
+    (s) => !(s.type === "text" && !s.value?.trim())
   );
   if (o.length !== 1) return null;
   const [n] = o;
   if (n.type !== "element" || n.tagName !== "img") return null;
-  const { src: a, alt: r, title: s } = n.properties ?? {};
-  return a ? /* @__PURE__ */ c(Co, { src: a, alt: r, mime: s, onOpen: t ? () => t(a) : void 0 }) : null;
-}, Ja = ({
+  const { src: a, alt: r, title: i } = n.properties ?? {};
+  return a ? /* @__PURE__ */ c(No, { src: a, alt: r, mime: i, onOpen: t ? () => t(a) : void 0 }) : null;
+}, Za = ({
   entities: e,
   filter: t,
   backendFilter: o,
@@ -77,11 +77,11 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   projectName: a,
   entityType: r
 }) => {
-  const i = N(
+  const s = N(
     () => e.map((A) => ({ id: A.id, projectName: A.projectName, entityType: r })),
     [e]
   ).map((A) => A.id), l = !e.length || !t || !n || !a, u = {
-    entityIds: i,
+    entityIds: s,
     projectName: a,
     referenceTypes: ["origin", "mention", "relation"],
     activityTypes: n,
@@ -89,52 +89,52 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     filter: t
   };
   let {
-    data: p,
-    isLoading: m,
+    data: m,
+    isLoading: p,
     isFetchingNextPage: g,
     currentData: f,
     fetchNextPage: h,
     hasNextPage: b
-  } = ua(u, { skip: l });
-  const D = N(() => p?.pages ? p.pages.flatMap((A) => A.activities || []) : [], [p?.pages]), R = N(() => f?.pages ? f.pages.flatMap((A) => A.activities || []) : [], [f?.pages]), v = async () => {
+  } = ga(u, { skip: l });
+  const D = N(() => m?.pages ? m.pages.flatMap((A) => A.activities || []) : [], [m?.pages]), $ = N(() => f?.pages ? f.pages.flatMap((A) => A.activities || []) : [], [f?.pages]), v = async () => {
     if (!b) {
       console.log("No more activities to load");
       return;
     }
     return console.log("loading next page..."), await h();
   }, y = N(() => {
-    if (!m) return !1;
-    const A = Ca(
-      R?.flatMap((C) => C.entityId ? C.entityId : [])
+    if (!p) return !1;
+    const A = Na(
+      $?.flatMap((C) => C.entityId ? C.entityId : [])
     );
-    return !Ta(A, i);
-  }, [R, i, m]);
-  return l && (m = !0), {
+    return !Sa(A, s);
+  }, [$, s, p]);
+  return l && (p = !0), {
     activitiesData: D,
-    isLoadingActivities: m,
+    isLoadingActivities: p,
     isLoadingNew: y,
     isLoadingNextPage: g,
     hasNextPage: b,
     loadNextPage: v
   };
-}, nt = "__new__", pc = ({ children: e, ...t }) => {
-  const { isGuest: o } = ze(), { data: n = [] } = ma({ projects: [t.projectName] }), { data: a = [] } = da.useGetTeamsQuery(
+}, nt = "__new__", xc = ({ children: e, ...t }) => {
+  const { isGuest: o } = ze(), { data: n = [] } = ha({ projects: [t.projectName] }), { data: a = [] } = ma.useGetTeamsQuery(
     { projectName: t.projectName, showMembers: !0 },
     { skip: !t.projectName }
   ), r = N(
     () => a.filter((O) => O.members?.some((ne) => ne.name === t.userName)).map((O) => O.name),
     [a, t.userName]
-  ), [s, i] = L({
+  ), [i, s] = L({
     operator: "and",
     conditions: []
-  }), [l, u] = L(""), p = t.feedFilter ?? s, m = t.setFeedFilter ?? i, [g, f] = L(null), [h, b] = L(null), [D, { isLoading: R }] = pa(), [v, { isLoading: y }] = ga(), [A, { isLoading: C }] = ha(), S = R || y || C, M = async (O) => await D(O).unwrap(), I = async (O) => await v(O).unwrap(), E = async (O) => await A(O).unwrap(), [P] = fa(), [H] = ya(), Q = async (O) => await P(O).unwrap(), X = async (O) => await H(O).unwrap(), q = va(p), $ = N(() => Da(p), [p]), ue = Ja({
+  }), [l, u] = L(""), m = t.feedFilter ?? i, p = t.setFeedFilter ?? s, [g, f] = L(null), [h, b] = L(null), [D, { isLoading: $ }] = fa(), [v, { isLoading: y }] = ya(), [A, { isLoading: C }] = va(), S = $ || y || C, M = async (O) => await D(O).unwrap(), I = async (O) => await v(O).unwrap(), E = async (O) => await A(O).unwrap(), [P] = ba(), [H] = wa(), Q = async (O) => await P(O).unwrap(), X = async (O) => await H(O).unwrap(), q = xa(m), R = N(() => Ia(m), [m]), ue = Za({
     entities: t.entities,
-    filter: p,
-    backendFilter: $,
+    filter: m,
+    backendFilter: R,
     activityTypes: q,
     projectName: t.projectName,
     entityType: t.entityType
-  }), { data: J = {} } = ba(
+  }), { data: J = {} } = ka(
     {
       suggestRequest: {
         entityType: t.entityType,
@@ -143,9 +143,9 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       projectName: t.projectName
     },
     { skip: !g }
-  ), { data: W = [] } = wa({
+  ), { data: W = [] } = Aa({
     projectName: t.projectName
-  }), { data: ve } = xa(
+  }), { data: ve } = Fa(
     {
       projectName: t.projectName,
       entityIds: t.entities.map((O) => O.id)
@@ -153,7 +153,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     { skip: !t.projectName || !t.entities.length }
   );
   return /* @__PURE__ */ c(
-    Na.Provider,
+    Ea.Provider,
     {
       value: {
         ...t,
@@ -166,9 +166,9 @@ const Wa = (e) => e.replace(/\r\n?/g, `
         userTeamNames: r,
         refTooltip: h,
         activityTypes: q,
-        feedFilter: p,
-        setFeedFilter: m,
-        backendFilter: $,
+        feedFilter: m,
+        setFeedFilter: p,
+        backendFilter: R,
         searchText: l,
         setSearchText: u,
         isGuest: o,
@@ -185,7 +185,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       children: e
     }
   );
-}, Xa = F.div`
+}, er = F.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
   gap: var(--base-gap-large);
@@ -201,7 +201,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     301px + var(--padding-s) + var(--padding-s) + var(--base-gap-large)+ var(--base-gap-large)
   );
   overflow: auto;
-`, Ka = F.div`
+`, tr = F.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -247,7 +247,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   .download-icon {
     color: var(--md-sys-color-outline);
   }
-`, Za = F.footer`
+`, nr = F.footer`
   background-color: var(--md-sys-color-surface-container-low);
   display: flex;
   align-items: center;
@@ -347,7 +347,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       }
     }
   }
-`, er = F.div`
+`, or = F.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -384,7 +384,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   &:hover .image-wrapper::after {
     opacity: 0.8;
   }
-`, nn = F.div`
+`, on = F.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -423,7 +423,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   &.posterError {
     background-color: transparent;
   }
-`, tr = F.div`
+`, ar = F.div`
   display: none;
   position: absolute;
   left: 0;
@@ -432,7 +432,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   height: calc(100% - 20px);
   width: 100%;
   gap: 0;
-`, on = F(at)`
+`, an = F(at)`
   height: 100%;
   width: 100%;
   border: none;
@@ -443,7 +443,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     background: none;
     opacity: 1;
   }
-`, nr = F(To)`
+`, rr = F(So)`
   --icon-size: 32px;
   top: calc(50% - 10px);
   left: 50%;
@@ -455,7 +455,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   .icon {
     font-size: var(--icon-size);
   }
-`, gc = F(yo)`
+`, kc = F(wo)`
   min-height: 90vh;
   max-height: 90vh;
   min-width: min(90vw, 100%);
@@ -540,7 +540,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   &:focus-visible {
     outline: none;
   }
-`, or = F.img`
+`, ir = F.img`
   height: 100%;
   width: 100%;
 
@@ -550,7 +550,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   max-width: 90vw;
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, hc = F.div`
+`, Ac = F.div`
   &.scrollable {
     position: absolute;
     inset: 56px;
@@ -562,7 +562,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     inset: 56px 0 0 0;
     display: flex;
   }
-`, an = F.div`
+`, rn = F.div`
   position: relative;
   display: flex;
   flex: 1;
@@ -579,74 +579,74 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     flex: 1;
     min-width: 0;
   }
-`, it = (e, t) => `/api/projects/${t}/files/${e}`, ar = ({
+`, it = (e, t) => `/api/projects/${t}/files/${e}`, sr = ({
   file: e,
   fullPreviews: t = ["png", "jpg", "jpeg", "gif", "svg", "webp"]
 }) => {
   const { id: o, projectName: n, mime: a } = e;
   let r = it(o, n);
-  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ c(or, { src: r, autoFocus: !0 });
-}, rr = F(sa)`
+  return t.some((s) => a.includes(s)) || (r += "/thumbnail"), /* @__PURE__ */ c(ir, { src: r, autoFocus: !0 });
+}, cr = F(da)`
   border-radius: var(--border-radius-m);
   height: 100%;
   overflow: auto !important;
-`, ir = ({ file: e }) => {
+`, lr = ({ file: e }) => {
   let t = it(e.id, e.projectName);
   const [o, n] = L(""), [a, r] = L(null);
   return Y(() => {
     (async () => {
       try {
-        const i = await fetch(t);
-        if (!i.ok)
-          throw new Error(`HTTP error! status: ${i.status}`);
-        const l = await i.text();
+        const s = await fetch(t);
+        if (!s.ok)
+          throw new Error(`HTTP error! status: ${s.status}`);
+        const l = await s.text();
         n(l);
-      } catch (i) {
-        r(i.message);
+      } catch (s) {
+        r(s.message);
       }
     })();
   }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ x("div", { children: [
     "Error: ",
     a
-  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(fn, { remarkPlugins: [vn, yn], children: o }) : /* @__PURE__ */ c(rr, { value: o, language: e.extension, readOnly: !0 });
-}, Tn = () => import("./VideoPlayer.es.js"), sr = so(Tn), cr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, lr = 1e4, dr = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", ur = (e, t) => {
+  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(yn, { remarkPlugins: [bn, vn], children: o }) : /* @__PURE__ */ c(cr, { value: o, language: e.extension, readOnly: !0 });
+}, Dn = () => import("./VideoPlayer.es.js"), dr = uo(Dn), ur = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, pr = 1e4, mr = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", gr = (e, t) => {
   const [o, n] = L({ status: "loading" });
   return Y(() => {
     n({ status: "loading" });
-    let a = !1, r = null, s;
-    const i = () => {
+    let a = !1, r = null, i;
+    const s = () => {
       r && (r.removeEventListener("loadedmetadata", l), r.removeEventListener("error", u), r.removeAttribute("src"), r.load(), r = null);
     };
     function l() {
       if (a || !r) return;
-      clearTimeout(s);
+      clearTimeout(i);
       const g = {
         duration: r.duration,
         width: r.videoWidth,
         height: r.videoHeight
       };
-      if (cr(g)) {
-        i(), n({ status: "ready", metadata: g });
+      if (ur(g)) {
+        s(), n({ status: "ready", metadata: g });
         return;
       }
-      p(`unusable metadata ${JSON.stringify(g)}`);
+      m(`unusable metadata ${JSON.stringify(g)}`);
     }
     function u() {
-      a || (clearTimeout(s), p(dr(r?.error ?? null)));
+      a || (clearTimeout(i), m(mr(r?.error ?? null)));
     }
-    const p = (g) => {
+    const m = (g) => {
       const f = r?.preload === "metadata";
-      if (i(), f) {
-        console.warn(`[VideoMime] metadata probe failed (${g}), retrying with full preload`), m("auto");
+      if (s(), f) {
+        console.warn(`[VideoMime] metadata probe failed (${g}), retrying with full preload`), p("auto");
         return;
       }
       console.warn(`[VideoMime] video cannot be played: ${g}`, e), n({ status: "error" });
     };
-    function m(g) {
-      r = document.createElement("video"), r.preload = g, r.muted = !0, r.playsInline = !0, s = setTimeout(() => !a && p("timed out"), lr), r.addEventListener("loadedmetadata", l), r.addEventListener("error", u), r.src = e;
+    function p(g) {
+      r = document.createElement("video"), r.preload = g, r.muted = !0, r.playsInline = !0, i = setTimeout(() => !a && m("timed out"), pr), r.addEventListener("loadedmetadata", l), r.addEventListener("error", u), r.src = e;
     }
-    return m("metadata"), () => {
-      a = !0, clearTimeout(s), i();
+    return p("metadata"), () => {
+      a = !0, clearTimeout(i), s();
     };
   }, [e]), o.status !== "ready" ? o : {
     status: "ready",
@@ -659,44 +659,44 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       codec: t?.codec
     }
   };
-}, mr = ({ file: e }) => {
-  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = it(t, o), s = ur(r, a);
+}, hr = ({ file: e }) => {
+  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = it(t, o), i = gr(r, a);
   if (Y(() => {
-    Tn();
-  }, []), s.status === "error")
-    return /* @__PURE__ */ c(an, { children: /* @__PURE__ */ c(Ct, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ x("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
+    Dn();
+  }, []), i.status === "error")
+    return /* @__PURE__ */ c(rn, { children: /* @__PURE__ */ c(Tt, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ x("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
       "Download ",
       n
     ] }) }) });
-  const i = /* @__PURE__ */ c(an, { children: /* @__PURE__ */ c(Ct, { icon: "hourglass_empty", message: "Loading video..." }) });
-  return s.status === "loading" ? i : /* @__PURE__ */ c(co, { fallback: i, children: /* @__PURE__ */ c(
-    sr,
+  const s = /* @__PURE__ */ c(rn, { children: /* @__PURE__ */ c(Tt, { icon: "hourglass_empty", message: "Loading video..." }) });
+  return i.status === "loading" ? s : /* @__PURE__ */ c(po, { fallback: s, children: /* @__PURE__ */ c(
+    dr,
     {
       id: t,
       name: n,
       url: r,
       projectName: o,
-      duration: s.metadata.duration,
-      width: s.metadata.width,
-      height: s.metadata.height,
-      fps: s.metadata.fps,
-      codec: s.metadata.codec
+      duration: i.metadata.duration,
+      width: i.metadata.width,
+      height: i.metadata.height,
+      fps: i.metadata.fps,
+      codec: i.metadata.codec
     }
   ) });
-}, pr = {
+}, fr = {
   image: {
-    component: ar,
+    component: sr,
     mimeTypes: ["image/"],
     fullPreviews: ["png", "jpg", "jpeg", "gif", "svg", "webp"],
     id: "image"
   },
   video: {
-    component: mr,
+    component: hr,
     mimeTypes: ["video/"],
     id: "video"
   },
   text: {
-    component: ir,
+    component: lr,
     mimeTypes: ["text/", "application/json", "scss", "jsx"],
     id: "text"
   },
@@ -706,9 +706,9 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     id: "pdf",
     callback: (e) => window.open(it(e.id, e.projectName), "_blank")
   }
-}, gt = (e = "", t = "") => Object.values(pr).some(
+}, gt = (e = "", t = "") => Object.values(fr).some(
   ({ mimeTypes: o = [] }) => o.some((n) => (e || t)?.includes(n))
-), gr = {
+), yr = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -750,44 +750,44 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, hr = (e) => {
-  for (const [t, o] of Object.entries(gr))
+}, vr = (e) => {
+  for (const [t, o] of Object.entries(yr))
     if (o.some((n) => e.includes(n)))
       return t;
   return "draft";
-}, fr = ({
+}, br = ({
   name: e,
   mime: t,
   src: o,
   unsavedAnnotation: n,
   savedAnnotation: a,
   size: r,
-  progress: s,
-  onRemove: i,
+  progress: i,
+  onRemove: s,
   isCompact: l,
   isDownloadable: u = !1,
-  onExpand: p,
-  disableExpand: m,
+  onExpand: m,
+  disableExpand: p,
   onJumpTo: g,
   className: f,
   ...h
 }) => {
-  const b = s && s < 100, [D, R] = L(!1), [v, y] = L(!1), { feedAnnotationsEnabled: A } = ze(), { entities: C } = Re(), S = e.split("."), M = S.pop() || "", I = S.join("."), E = gt(t || "." + M), P = t?.includes("image/") || !!n, Q = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, X = /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ c("span", { className: "size", children: vo(r) }),
+  const b = i && i < 100, [D, $] = L(!1), [v, y] = L(!1), { feedAnnotationsEnabled: A } = ze(), { entities: C } = $e(), S = e.split("."), M = S.pop() || "", I = S.join("."), E = gt(t || "." + M), P = t?.includes("image/") || !!n, Q = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, X = /* @__PURE__ */ x(Ae, { children: [
+    /* @__PURE__ */ c("span", { className: "size", children: xo(r) }),
     /* @__PURE__ */ c(re, { icon: "download", className: "download-icon" })
   ] }), q = N(
     () => n ?? a,
     [n, a]
-  ), $ = N(() => C.at(0), [C]), ue = N(() => {
+  ), R = N(() => C.at(0), [C]), ue = N(() => {
     if (!q?.range)
       return [1, 1];
-    if (!$?.attrib)
+    if (!R?.attrib)
       return q?.range ?? [1, 1];
-    const { frameStart: J } = $?.attrib;
+    const { frameStart: J } = R?.attrib;
     return isNaN(J) ? q?.range ?? [1, 1] : [J - 1 + q.range[0], J - 1 + q.range[1]];
   }, [q]);
   return /* @__PURE__ */ x(
-    Ka,
+    tr,
     {
       className: te(f, {
         compact: l,
@@ -798,16 +798,16 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       ...h,
       children: [
         /* @__PURE__ */ x(
-          er,
+          or,
           {
             className: te("content-wrapper", {
               isPreviewable: E,
               isUnsavedAnnotation: !!n
             }),
             children: [
-              /* @__PURE__ */ c(re, { icon: hr(t || "." + M), className: "type-icon" }),
+              /* @__PURE__ */ c(re, { icon: vr(t || "." + M), className: "type-icon" }),
               P && o && /* @__PURE__ */ c(
-                nn,
+                on,
                 {
                   className: te({
                     "image-wrapper": !0,
@@ -817,7 +817,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
                     "img",
                     {
                       src: o,
-                      onError: () => R(!0),
+                      onError: () => $(!0),
                       style: {
                         display: D ? "none" : "block"
                       }
@@ -826,7 +826,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
                 }
               ),
               Q && /* @__PURE__ */ x(
-                nn,
+                on,
                 {
                   className: te({
                     "image-wrapper": !0,
@@ -835,22 +835,22 @@ const Wa = (e) => e.replace(/\r\n?/g, `
                   }),
                   children: [
                     !v && /* @__PURE__ */ c("img", { src: Q, onError: () => y(!0) }),
-                    /* @__PURE__ */ c(nr, {})
+                    /* @__PURE__ */ c(rr, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ x(tr, { className: "expand-buttons", children: [
-                E && !m && /* @__PURE__ */ c(
-                  on,
+              /* @__PURE__ */ x(ar, { className: "expand-buttons", children: [
+                E && !p && /* @__PURE__ */ c(
+                  an,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
                     variant: "nav",
-                    onClick: p
+                    onClick: m
                   }
                 ),
                 (n || A && a) && /* @__PURE__ */ c(
-                  on,
+                  an,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
@@ -863,15 +863,15 @@ const Wa = (e) => e.replace(/\r\n?/g, `
           }
         ),
         /* @__PURE__ */ x(
-          Za,
+          nr,
           {
             className: te({
               inProgress: b,
-              isPreviewable: E && !m,
+              isPreviewable: E && !p,
               isDownloadable: u
             }),
             children: [
-              /* @__PURE__ */ c("span", { className: "progress", style: { right: `${100 - s}%` } }),
+              /* @__PURE__ */ c("span", { className: "progress", style: { right: `${100 - i}%` } }),
               /* @__PURE__ */ c("div", { className: "name-wrapper", children: q ? /* @__PURE__ */ x("span", { className: "name", children: [
                 /* @__PURE__ */ c(re, { icon: "draw" }),
                 ue[0],
@@ -883,37 +883,37 @@ const Wa = (e) => e.replace(/\r\n?/g, `
                   M
                 ] })
               ] }) }),
-              u && (i ? /* @__PURE__ */ c("div", { className: "download", children: X }) : /* @__PURE__ */ c("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: X }))
+              u && (s ? /* @__PURE__ */ c("div", { className: "download", children: X }) : /* @__PURE__ */ c("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: X }))
             ]
           }
         ),
-        i && /* @__PURE__ */ c(at, { className: "remove", onClick: i, icon: "close" })
+        s && /* @__PURE__ */ c(at, { className: "remove", onClick: s, icon: "close" })
       ]
     }
   );
-}, Dn = ({
+}, Nn = ({
   files: e = [],
   activityId: t,
   isCompact: o,
   isEditing: n,
   onRemove: a,
   projectName: r,
-  isDownloadable: s,
-  onExpand: i,
+  isDownloadable: i,
+  onExpand: s,
   onAnnotationClick: l,
   pt: u,
-  ...p
+  ...m
 }) => {
   if (!e.length) return null;
-  const m = We(
+  const p = We(
     (g) => {
       const f = e.filter((b) => gt(b.mime, b.ext)), h = f.findIndex((b) => b.id === e[g].id);
-      i?.({ files: f, index: h, activityId: t || "" });
+      s?.({ files: f, index: h, activityId: t || "" });
     },
-    [i]
+    [s]
   );
-  return /* @__PURE__ */ c(Xa, { className: te({ compact: o }), ...p, children: e.map((g, f) => /* @__PURE__ */ c(
-    fr,
+  return /* @__PURE__ */ c(er, { className: te({ compact: o }), ...m, children: e.map((g, f) => /* @__PURE__ */ c(
+    br,
     {
       id: g.id || g.name,
       name: g.name,
@@ -925,89 +925,89 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       progress: g.progress,
       onRemove: a ? () => a(g.id, g.name, !!g.unsavedAnnotation) : void 0,
       isCompact: o,
-      isDownloadable: s,
-      onExpand: () => m(f),
+      isDownloadable: i,
+      onExpand: () => p(f),
       onJumpTo: () => l?.(g),
       disableExpand: n,
       ...u?.file
     },
     g.id || g.name
   )) });
-}, yr = (e) => {
+}, wr = (e) => {
   const t = /!\[.*?\]\((.*?)\)/g, o = e.match(t);
   let n = e;
   return o && o.forEach((a) => {
     if (!a.includes("http")) return;
-    const r = a.match(/\(([^)]+)\)/)[1], s = r.split("?")[0];
-    n = e.replace(r, s);
+    const r = a.match(/\(([^)]+)\)/)[1], i = r.split("?")[0];
+    n = e.replace(r, i);
   }), n;
-}, vr = new AbortController(), br = _t.CancelToken, wr = br.source(), Qe = (e, t, o) => new Promise((n, a) => {
+}, xr = new AbortController(), kr = Pt.CancelToken, Ar = kr.source(), Qe = (e, t, o) => new Promise((n, a) => {
   new FormData().append("image", e);
-  const s = {
-    signal: vr.signal,
-    cancelToken: wr.token,
-    onUploadProgress: (i) => o && o(i, e),
+  const i = {
+    signal: xr.signal,
+    cancelToken: Ar.token,
+    onUploadProgress: (s) => o && o(s, e),
     headers: {
       "Content-Type": e.type,
       "x-file-name": he(e.name)
     }
   };
-  _t.post(`/api/projects/${t}/files`, e, s).then((i) => {
-    n({ file: e, data: i.data });
-  }).catch((i) => {
-    console.error(i), a({ message: "Upload failed: " + i.response.data.detail });
+  Pt.post(`/api/projects/${t}/files`, e, i).then((s) => {
+    n({ file: e, data: s.data });
+  }).catch((s) => {
+    console.error(s), a({ message: "Upload failed: " + s.response.data.detail });
   });
-}), xr = (e, t, o, n, a) => {
+}), Fr = (e, t, o, n, a) => {
   e.preventDefault(), e.stopPropagation();
   let r = e.dataTransfer.files;
   if (r?.length) {
     if (r.length === 0) return;
-    for (const s of r)
-      Qe(s, t, o).then(
-        (i) => n(i),
-        (i) => {
-          a && a(s), ke.error(i.message), console.warn(i);
+    for (const i of r)
+      Qe(i, t, o).then(
+        (s) => n(s),
+        (s) => {
+          a && a(i), ke.error(s.message), console.warn(s);
         }
       );
   }
-}, kr = (e, t, o) => (t || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((n) => {
+}, Cr = (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 === he(n.name))
 ).map((n) => ({
   ...n,
   unsavedAnnotation: n
-}))), Ar = ({ entityId: e, filesUploading: t }) => {
-  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = Re(), { onGoToFrame: s } = ze(), i = kr(a || [], e, t);
+}))), Tr = ({ entityId: e, filesUploading: t }) => {
+  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: i } = ze(), s = Cr(a || [], e, t);
   return Y(() => {
-    i.length > 0 && !o && n(nt);
-  }, [i]), {
-    annotations: i,
+    s.length > 0 && !o && n(nt);
+  }, [s]), {
+    annotations: s,
     goToAnnotation: (u) => {
-      const p = u.range[0];
-      s?.(p);
+      const m = u.range[0];
+      i?.(m);
     },
     removeAnnotation: r
   };
-}, Nn = (e) => N(() => {
+}, Sn = (e) => N(() => {
   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 = Zt(e, a, 0.1) || e, i = Zt(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, i = en(e, a, 0.1) || e, s = en(e, r, 0.2) || e;
   return {
-    primary: s,
-    secondary: i
+    primary: i,
+    secondary: s
   };
-}, [e]), Fr = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
-  const { exportAnnotationComposite: r } = Re(), s = async (l) => {
+}, [e]), Dr = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
+  const { exportAnnotationComposite: r } = $e(), i = async (l) => {
     const u = await r?.(l.id);
     if (!u)
       throw new Error(`Exporting composite image for annotation ${l.id} failed`);
-    const p = new File([u], l.name, {
+    const m = new File([u], l.name, {
       type: "image/png"
-    }), m = await fetch(l.annotationData).then((R) => R.blob()), g = new File([m], `annotation-${l.name}`, {
+    }), p = await fetch(l.annotationData).then(($) => $.blob()), g = new File([p], `annotation-${l.name}`, {
       type: "image/png"
     }), f = await Promise.all([
-      Qe(p, e, o),
+      Qe(m, e, o),
       Qe(g, e, () => {
       })
     ]), [h, b] = f, D = [t(h), t(b, !0)];
@@ -1018,15 +1018,15 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       const u = l.map(async (f) => {
         n?.(f);
         try {
-          return await s(f);
+          return await i(f);
         } catch (h) {
           throw a?.(f), h;
         }
-      }), p = await Promise.allSettled(u), m = [], g = [];
-      return p.forEach((f) => {
+      }), m = await Promise.allSettled(u), p = [], g = [];
+      return m.forEach((f) => {
         if (f.status === "fulfilled") {
           const { uploads: h, annotation: b, files: D } = f.value;
-          m.push(...D), g.push({
+          p.push(...D), g.push({
             range: b.range,
             id: b.id,
             composite: h[0].data.id,
@@ -1034,56 +1034,56 @@ const Wa = (e) => e.replace(/\r\n?/g, `
           });
         } else
           ke.error("Upload failed: " + f.reason.message);
-      }), { files: m, metadata: g };
+      }), { files: p, metadata: g };
     } catch (u) {
       return ke.error("Upload failed: " + u.message), { files: [], metadata: [] };
     }
   };
-}, Sn = "ayon-comment-draft/", In = 720 * 60 * 60 * 1e3, Cr = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, En = (e) => {
+}, In = "ayon-comment-draft/", En = 720 * 60 * 60 * 1e3, Nr = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, Mn = (e) => {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : null;
   } catch {
     return null;
   }
-}, Tr = (e, t) => {
+}, Sr = (e, t) => {
   try {
-    Cr(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
+    Nr(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
   } catch (o) {
     console.warn("Could not save comment draft", o);
   }
-}, Dr = () => {
+}, Ir = () => {
   try {
     const e = Date.now();
     for (const t of Object.keys(localStorage)) {
-      if (!t.startsWith(Sn)) continue;
-      const o = En(t);
-      (!o || e - o.savedAt > In) && localStorage.removeItem(t);
+      if (!t.startsWith(In)) continue;
+      const o = Mn(t);
+      (!o || e - o.savedAt > En) && localStorage.removeItem(t);
     }
   } catch {
   }
-}, Nr = (e, t, o) => e && t && o.length ? `${Sn}${e}/${t}/${[...o].sort().join(",")}` : null, Sr = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
+}, Er = (e, t, o) => e && t && o.length ? `${In}${e}/${t}/${[...o].sort().join(",")}` : null, Mr = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
   const a = fe(null), r = fe(!1);
   Y(() => {
     if (!e || o) return;
-    const s = a.current;
-    if (a.current = e, s === e) return;
-    s || Dr();
-    const i = En(e);
-    i && Date.now() - i.savedAt <= In ? (r.current = !0, n({
-      text: i.text ?? "",
-      files: i.files ?? [],
-      uploadedAnnotations: i.uploadedAnnotations ?? [],
-      category: i.category ?? null
-    })) : s && (r.current = !0, n({ text: "", files: [], uploadedAnnotations: [], category: t.category }));
+    const i = a.current;
+    if (a.current = e, i === e) return;
+    i || Ir();
+    const s = Mn(e);
+    s && Date.now() - s.savedAt <= En ? (r.current = !0, n({
+      text: s.text ?? "",
+      files: s.files ?? [],
+      uploadedAnnotations: s.uploadedAnnotations ?? [],
+      category: s.category ?? null
+    })) : i && (r.current = !0, n({ text: "", files: [], uploadedAnnotations: [], category: t.category }));
   }, [e, o]), Y(() => {
     if (r.current) {
       r.current = !1;
       return;
     }
-    !e || o || Tr(e, t);
+    !e || o || Sr(e, t);
   }, [e, o, t.text, t.files, t.uploadedAnnotations, t.category]);
-}, Ir = "Category", Er = F.div`
+}, _r = "Category", Pr = F.div`
   display: flex;
   padding: 2px 4px;
   justify-content: center;
@@ -1109,7 +1109,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
 
   &.compact {
     padding: 1px 2px;
-    ${bn.labelMedium}
+    ${wn.labelMedium}
   }
 
   &.editing {
@@ -1132,13 +1132,13 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       color: var(--md-sys-color-tertiary);
     }
   }
-`, ot = pt(
-  ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: s, className: i, ...l }, u) => /* @__PURE__ */ c(
-    Er,
+`, ot = mt(
+  ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: i, className: s, ...l }, u) => /* @__PURE__ */ c(
+    Pr,
     {
       ...l,
       ref: u,
-      className: te(i, {
+      className: te(s, {
         none: !e,
         compact: o,
         editing: n,
@@ -1146,17 +1146,17 @@ const Wa = (e) => e.replace(/\r\n?/g, `
         disabled: r
       }),
       style: {
-        ...s,
+        ...i,
         ...t && {
           backgroundColor: t,
           borderColor: t,
-          color: St(t)
+          color: It(t)
         }
       },
-      children: e || Ir
+      children: e || _r
     }
   )
-), Mr = F.span`
+), $r = F.span`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1165,17 +1165,17 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   white-space: nowrap;
 
   [icon='crop_square'] {
-    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+    font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
 
   &.selected {
     [icon='crop_square'] {
-      font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+      font-variation-settings: 'FILL' 0;
       color: var(--md-sys-color-on-surface) !important;
     }
   }
-`, _r = pt(
+`, Rr = mt(
   ({
     label: e,
     color: t,
@@ -1183,23 +1183,23 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     isSelected: n,
     startContent: a,
     endContent: r,
-    isClear: s,
-    style: i,
+    isClear: i,
+    style: s,
     className: l,
     ...u
-  }, p) => /* @__PURE__ */ x(
-    Mr,
+  }, m) => /* @__PURE__ */ x(
+    $r,
     {
       ...u,
       className: te(l, { selected: n }),
-      style: { backgroundColor: n && t ? t : "", color: St(n && t ? t : ""), ...i },
-      ref: p,
+      style: { backgroundColor: n && t ? t : "", color: It(n && t ? t : ""), ...s },
+      ref: m,
       children: [
         a,
         /* @__PURE__ */ c(
           re,
           {
-            icon: o || (s ? "clear" : "crop_square"),
+            icon: o || (i ? "clear" : "crop_square"),
             style: { color: t || "" }
           }
         ),
@@ -1208,7 +1208,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       ]
     }
   )
-), Pr = "1.3.0", Rr = F(bo)`
+), Lr = "1.3.0", Or = F(ko)`
   button {
     /* remove all styles and just use a wrapper */
     background-color: unset !important;
@@ -1219,19 +1219,19 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     width: unset !important;
     color: var(--md-sys-color-on-surface) !important;
   }
-`, $r = ({
+`, jr = ({
   value: e,
   categories: t,
   readonly: o,
   isHidden: n,
   isCompact: a,
   hasPowerpack: r,
-  onPowerFeature: s,
-  onChange: i,
+  onPowerFeature: i,
+  onChange: s,
   ...l
 }) => {
   if (n) return null;
-  const u = t.find((g) => g.name === e), { color: p } = u || {};
+  const u = t.find((g) => g.name === e), { color: m } = u || {};
   if (!r)
     return /* @__PURE__ */ c(
       ot,
@@ -1240,26 +1240,26 @@ const Wa = (e) => e.replace(/\r\n?/g, `
         isPower: !0,
         isDisabled: !0,
         style: l.style,
-        onClick: () => s?.("commentCategories"),
+        onClick: () => i?.("commentCategories"),
         "data-tooltip": "Comment categories is a Powerpack feature"
       }
     );
   if (o)
-    return /* @__PURE__ */ c(ot, { value: e, color: p, isCompact: a, style: l.style });
+    return /* @__PURE__ */ c(ot, { value: e, color: m, isCompact: a, style: l.style });
   if (!t.length)
     return /* @__PURE__ */ c(
       ot,
       {
         value: e,
-        color: p,
+        color: m,
         isCompact: a,
         style: l.style,
         onClick: () => ke.warning(
-          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${Pr}.`
+          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${Lr}.`
         )
       }
     );
-  const m = [
+  const p = [
     ...e ? [{ label: "No category", value: null, color: "inherit", icon: "clear" }] : [],
     ...t.map((g) => ({
       label: g.name,
@@ -1269,14 +1269,14 @@ const Wa = (e) => e.replace(/\r\n?/g, `
     }))
   ];
   return /* @__PURE__ */ c(
-    Rr,
+    Or,
     {
-      options: m,
+      options: p,
       value: e ? [e] : [],
-      onChange: (g) => i(g[0]),
-      valueTemplate: () => /* @__PURE__ */ c(ot, { value: e, color: p, isCompact: a, isEditing: !0 }),
+      onChange: (g) => s(g[0]),
+      valueTemplate: () => /* @__PURE__ */ c(ot, { value: e, color: m, isCompact: a, isEditing: !0 }),
       itemTemplate: (g, f, h, b) => /* @__PURE__ */ c(
-        _r,
+        Rr,
         {
           label: g.label,
           color: g.color,
@@ -1288,7 +1288,7 @@ const Wa = (e) => e.replace(/\r\n?/g, `
       ...l
     }
   );
-}, Lr = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), Mn = 1e4, Or = F.span`
+}, Vr = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), _n = 1e4, zr = F.span`
   margin-left: auto;
   color: var(--md-sys-color-outline);
   user-select: none;
@@ -1301,41 +1301,41 @@ const Wa = (e) => e.replace(/\r\n?/g, `
   min-width: 0;
   max-width: fit-content;
 
-  ${bn.bodySmall}
+  ${wn.bodySmall}
 `, st = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
-  const [a, r] = L(!0), [s, i] = L(/* @__PURE__ */ new Date());
+  const [a, r] = L(!0), [i, s] = L(/* @__PURE__ */ new Date());
   if (!e) return null;
   const l = new Date(e);
   if (!rt(l)) return null;
   Y(() => {
     const A = setInterval(
-      () => i(/* @__PURE__ */ new Date()),
-      Mn
+      () => s(/* @__PURE__ */ new Date()),
+      _n
     );
     return () => clearInterval(A);
   }, []);
-  const u = _a(l), p = Pa(l, s), m = Ra(l, new Date(s.setDate(s.getDate() - 1))), g = $a(l, s), f = La(l, s), h = m ? "" : p ? g ? "E" : "MMM d" : "MMM d yyyy", b = "h:mm a", D = N(() => kn(l), [l]), R = N(() => u ? en(l, `${h}, ${b}`) : en(l, `EEEE, dd MMM yyyy ${b}`), [l, u]);
-  let v = a && !t ? D : R;
-  m && a && !t && (v = `Yesterday${v}`), f && (v = "Just now");
+  const u = Ra(l), m = La(l, i), p = Oa(l, new Date(i.setDate(i.getDate() - 1))), g = ja(l, i), f = Va(l, i), h = p ? "" : m ? g ? "E" : "MMM d" : "MMM d yyyy", b = "h:mm a", D = N(() => An(l), [l]), $ = N(() => u ? tn(l, `${h}, ${b}`) : tn(l, `EEEE, dd MMM yyyy ${b}`), [l, u]);
+  let v = a && !t ? D : $;
+  p && a && !t && (v = `Yesterday${v}`), f && (v = "Just now");
   const y = () => {
     r(!a);
   };
   return /* @__PURE__ */ c(
-    Or,
+    zr,
     {
       className: te("date"),
       ...n,
       onClick: y,
       onMouseOver: () => !o && r(!1),
       onMouseOut: () => !o && r(!0),
-      "data-tooltip": o ? R : null,
+      "data-tooltip": o ? $ : null,
       "data-tooltip-delay": 0,
       children: v
     }
   );
 };
 var Ce = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Ce || {});
-const _n = (e) => {
+const Pn = (e) => {
   switch (e) {
     case Ce.REQUEST_CHANGES:
       return "requested changes";
@@ -1343,7 +1343,7 @@ const _n = (e) => {
     default:
       return "approved this";
   }
-}, jr = (e, t) => {
+}, Ur = (e, t) => {
   switch (e) {
     case Ce.REQUEST_CHANGES:
       return "Requested changes on " + t;
@@ -1351,7 +1351,7 @@ const _n = (e) => {
     default:
       return "Approved " + t;
   }
-}, Pn = (e) => {
+}, $n = (e) => {
   switch (e) {
     case Ce.REQUEST_CHANGES:
       return "refresh";
@@ -1359,33 +1359,33 @@ const _n = (e) => {
     default:
       return "task_alt";
   }
-}, Vr = ({ lastOwnVersionReview: e }) => {
+}, Br = ({ lastOwnVersionReview: e }) => {
   const [t, o] = L(/* @__PURE__ */ new Date());
   Y(() => {
-    const r = setInterval(() => o(/* @__PURE__ */ new Date()), Mn);
+    const r = setInterval(() => o(/* @__PURE__ */ new Date()), _n);
     return () => clearInterval(r);
   }, []);
-  const n = N(() => e?.activityData?.feedback, [e]), a = N(() => e?.createdAt ? kn(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
-  return /* @__PURE__ */ x(Do, { className: hn(n), children: [
-    /* @__PURE__ */ c(re, { icon: Pn(n) }),
+  const n = N(() => e?.activityData?.feedback, [e]), a = N(() => e?.createdAt ? An(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
+  return /* @__PURE__ */ x(Io, { className: fn(n), children: [
+    /* @__PURE__ */ c(re, { icon: $n(n) }),
     "You last ",
-    _n(n),
+    Pn(n),
     " ",
     a,
     " ",
     a === "just now" ? "" : "ago"
   ] });
-}, rn = (e) => {
+}, sn = (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;
-}, sn = async (e, t, o, n, a) => {
-  const { data: r } = await _t.get(`/api/projects/${e}/files/${t}`, {
+}, cn = async (e, t, o, n, a) => {
+  const { data: r } = await Pt.get(`/api/projects/${e}/files/${t}`, {
     responseType: "blob"
-  }), s = new File([r], o, { type: n || r.type });
-  return Qe(s, e, a);
-}, cn = (e, t) => `/api/projects/${e}/files/${t}`, ln = (e, t) => !!e && It(t).has(e), zr = [
+  }), i = new File([r], o, { type: n || r.type });
+  return Qe(i, e, a);
+}, ln = (e, t) => `/api/projects/${e}/files/${t}`, dn = (e, t) => !!e && Et(t).has(e), Gr = [
   { trigger: "@", icon: "person", tooltip: "Mention user" },
   { trigger: "@@", icon: "layers", tooltip: "Mention version" },
   { trigger: "@@@", icon: "check_circle", tooltip: "Mention task" }
@@ -1396,18 +1396,18 @@ const _n = (e) => {
   data: n = {},
   activityId: a,
   versionReview: r,
-  lastOwnVersionReview: s,
-  onSubmit: i,
+  lastOwnVersionReview: i,
+  onSubmit: s,
   onReview: l,
   duplicate: u,
-  onDuplicateHandled: p,
-  isEditing: m,
+  onDuplicateHandled: m,
+  isEditing: p,
   disabled: g,
   isLoading: f,
   isOpen: h,
   onOpen: b,
   onClose: D,
-  saveDraft: R = !0
+  saveDraft: $ = !0
 }) => {
   const {
     projectName: v,
@@ -1419,55 +1419,55 @@ const _n = (e) => {
     isGuest: I,
     userName: E,
     editingId: P
-  } = Re(), { hasLicense: H, onPowerFeature: Q, user: X, openSlideOut: q, commentFrameLink: $ } = ze(), ue = X?.data?.isAdmin, J = Ea(), [, W] = Fn(), [ve, O] = L(e || ""), [ne, K] = L(
+  } = $e(), { hasLicense: H, onPowerFeature: Q, user: X, openSlideOut: q, commentFrameLink: R } = ze(), ue = X?.data?.isAdmin, J = Pa(), [, W] = Cn(), [ve, O] = L(e || ""), [ne, K] = L(
     () => t.map(
-      (d) => ln(d.id, e || "") ? { ...d, isInline: !0 } : d
+      (d) => dn(d.id, e || "") ? { ...d, isInline: !0 } : d
     )
-  ), [Ye, Te] = L(0), De = fe(/* @__PURE__ */ new Map()), [me, pe] = L([]), [Ie, Z] = L(!1), [Ne, $e] = L(!1), [Ee, Fe] = L([]), [Je, Le] = L([]), { annotations: ye, removeAnnotation: Ue, goToAnnotation: Be } = Ar({
+  ), [Ye, Te] = L(0), De = fe(/* @__PURE__ */ new Map()), [pe, me] = L([]), [Ie, Z] = L(!1), [Ne, Re] = L(!1), [Ee, Fe] = L([]), [Je, Le] = L([]), { annotations: ye, removeAnnotation: Ue, goToAnnotation: Be } = Tr({
     entityId: y[0]?.id,
-    filesUploading: me
-  }), oe = y.length === 1 && y[0].entityType === "version" ? y[0] : void 0, Xe = $?.draft && $.draft.entityId === oe?.id ? $.draft : null, [Me, Ge] = L(
-    () => m && Number.isSafeInteger(n?.startFrame) && n.startFrame > 0 ? {
+    filesUploading: pe
+  }), oe = y.length === 1 && y[0].entityType === "version" ? y[0] : void 0, Xe = R?.draft && R.draft.entityId === oe?.id ? R.draft : null, [Me, Ge] = L(
+    () => p && Number.isSafeInteger(n?.startFrame) && n.startFrame > 0 ? {
       startFrame: n.startFrame,
       endFrame: Number.isSafeInteger(n.endFrame) && n.endFrame >= n.startFrame ? n.endFrame : n.startFrame
     } : null
-  ), _e = (d) => Ge(d && { ...d, entityId: oe?.id }), Oe = m || Me?.entityId === oe?.id ? Me : null, [be, Pe] = L(!1), w = m ? Oe : Oe ?? Xe, _ = m ? !!oe || !!Oe : !!$ && !!oe, j = $?.formatFrame ?? String, U = w ? w.endFrame > w.startFrame ? `${j(w.startFrame)}-${j(w.endFrame)}` : j(w.startFrame) : void 0, [ie, T] = L(U ?? ""), le = fe(!1), we = fe(null), xe = (d) => {
+  ), _e = (d) => Ge(d && { ...d, entityId: oe?.id }), Oe = p || Me?.entityId === oe?.id ? Me : null, [be, Pe] = L(!1), w = p ? Oe : Oe ?? Xe, _ = p ? !!oe || !!Oe : !!R && !!oe, j = R?.formatFrame ?? String, U = w ? w.endFrame > w.startFrame ? `${j(w.startFrame)}-${j(w.endFrame)}` : j(w.startFrame) : void 0, [ie, T] = L(U ?? ""), le = fe(!1), we = fe(null), xe = (d) => {
     if (!oe) return;
     const k = d ? { ...d, entityId: oe.id } : null;
-    if (!m) {
-      $?.setDraft(k);
+    if (!p) {
+      R?.setDraft(k);
       return;
     }
-    a && $?.setEditPreview({
+    a && R?.setEditPreview({
       activityId: a,
       link: k
     });
   }, je = (d) => {
     T(d);
-    const k = rn(d);
+    const k = sn(d);
     k && xe(k);
   };
   Y(() => {
     be || T(U ?? "");
   }, [U, be]), Y(
     () => () => {
-      m && $?.setEditPreview(null);
+      p && R?.setEditPreview(null);
     },
-    [m, $?.setEditPreview]
+    [p, R?.setEditPreview]
   );
   const ct = () => {
     if (le.current) {
       le.current = !1, T(U ?? ""), xe(we.current), Pe(!1);
       return;
     }
-    const d = rn(ie);
+    const d = sn(ie);
     d ? (_e(d), xe(d)) : (T(U ?? ""), xe(we.current)), Pe(!1);
   }, He = () => {
-    _e(null), m ? xe(null) : $?.unlink();
+    _e(null), p ? xe(null) : R?.unlink();
   }, qe = () => {
-    !m && $ && oe ? $.link(oe.id) : (T(""), Pe(!0));
+    !p && R && oe ? R.link(oe.id) : (T(""), Pe(!0));
   }, ht = () => w ? He() : qe(), lt = N(() => {
-    if (!_ || !m && !$ || !oe) return;
+    if (!_ || !p && !R || !oe) return;
     const d = ["frame", "time", "timecode", "link", "range"];
     return [
       w ? {
@@ -1479,15 +1479,15 @@ const _n = (e) => {
         run: He
       } : {
         id: "frame-link",
-        label: m ? "Add frame link" : "Link to current frame",
+        label: p ? "Add frame link" : "Link to current frame",
         icon: "timer",
         keywords: d,
         run: qe
       }
     ];
-  }, [_, m, $, oe?.id, !!w, U]), [Se, dt] = L(o);
-  Sr({
-    draftKey: R && !m ? Nr(
+  }, [_, p, R, oe?.id, !!w, U]), [Se, dt] = L(o);
+  Mr({
+    draftKey: $ && !p ? Er(
       v,
       E,
       y.map((d) => d.id)
@@ -1498,42 +1498,42 @@ const _n = (e) => {
       O(d.text), K(d.files), Fe(d.uploadedAnnotations), dt(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !h && !P && b?.();
     }
   });
-  const Pt = M.filter((d) => d.accessLevel >= 20), Rt = M.find((d) => d.name === Se), $t = Nn(Rt?.color), Ke = fe(null), Lt = fe(null), ft = !!ve.trim(), Ot = !!C?.conditions?.some(
+  const $t = M.filter((d) => d.accessLevel >= 20), Rt = M.find((d) => d.name === Se), Lt = Sn(Rt?.color), Ke = fe(null), Ot = fe(null), ft = !!ve.trim(), jt = !!C?.conditions?.some(
     (d) => "key" in d && d.key === "checklists" && d.value === !0
   );
   Y(() => {
-    if (!h || m || !Ot) return;
+    if (!h || p || !jt) return;
     const d = Ke.current;
     !d || !d.isEmpty() || d.getEditor().update(() => {
-      const k = go(!1);
-      fo().clear().append(ho("check").append(k)), k.select();
+      const k = yo(!1);
+      bo().clear().append(vo("check").append(k)), k.select();
     });
-  }, [h, m, Ot]);
-  const jt = y[0]?.entityType, Vt = J?.productTypes, Gn = N(
+  }, [h, p, jt]);
+  const Vt = y[0]?.entityType, zt = J?.productTypes, Wn = N(
     () => I ? void 0 : {
-      ...No({
+      ...Eo({
         suggestions: S,
-        project: { productTypes: Vt },
+        project: { productTypes: zt },
         taskTypes: A?.taskTypes,
-        entityType: jt
+        entityType: Vt
       }),
       // keep the picker short
       limit: 5
     },
-    [I, S, Vt, A?.taskTypes, jt]
-  ), Hn = ({ type: d, id: k }) => {
+    [I, S, zt, A?.taskTypes, Vt]
+  ), Qn = ({ type: d, id: k }) => {
     d === "user" || d === "team" || q({ entityId: k, entityType: d, projectName: v });
-  }, qn = ({ type: d, id: k, label: z }, V) => {
+  }, Yn = ({ type: d, id: k, label: z }, V) => {
     const { x: B, y: se, width: ce } = V.getBoundingClientRect();
     W({ id: k, name: k, type: d, label: z, pos: { left: B + ce / 2, top: se } });
-  }, [Wn, yt] = L(!1);
+  }, [Jn, yt] = L(!1);
   Y(() => {
     h || yt(!1);
   }, [h]);
-  const Qn = () => {
+  const Xn = () => {
     h || g || (yt(!0), b && b());
-  }, zt = () => {
-    m && $?.setEditPreview(null), (!ft || m) && O(""), D && D();
+  }, Ut = () => {
+    p && R?.setEditPreview(null), (!ft || p) && O(""), D && D();
   }, Ze = ({ file: d, data: k }, z = !1) => {
     const V = he(d.name), B = {
       id: k.id,
@@ -1543,16 +1543,16 @@ const _n = (e) => {
       order: ne.length,
       isAnnotationLayer: z
     };
-    return K((se) => [...se, B]), pe(
+    return K((se) => [...se, B]), me(
       (se) => se.filter((ce) => he(ce.name) !== V)
     ), B;
-  }, Yn = (d, k, z) => {
-    z ? Ue?.(d) : (K((V) => V.filter((B) => B.id !== d)), pe((V) => V.filter((B) => he(B.name) !== he(k))));
+  }, Kn = (d, k, z) => {
+    z ? Ue?.(d) : (K((V) => V.filter((B) => B.id !== d)), me((V) => V.filter((B) => he(B.name) !== he(k))));
   }, et = (d, k) => {
     const z = Math.round(d.loaded * 100 / d.total);
     if (z !== 100) {
       const V = he(k.name);
-      pe((B) => {
+      me((B) => {
         const se = B.find((G) => he(G.name) === V), ce = B.filter((G) => he(G.name) !== V), Ve = {
           name: V,
           progress: z,
@@ -1563,8 +1563,8 @@ const _n = (e) => {
       });
     }
   }, ut = (d) => {
-    pe((k) => k.filter((z) => z.name !== he(d)));
-  }, Ut = (d) => {
+    me((k) => k.filter((z) => z.name !== he(d)));
+  }, Bt = (d) => {
     for (const k of d) {
       const z = Qe(k, v, et);
       De.current.set(k, z), z.then(
@@ -1574,14 +1574,14 @@ const _n = (e) => {
         }
       );
     }
-  }, Jn = async (d) => {
+  }, Zn = async (d) => {
     Te((k) => k + 1);
     try {
       const k = De.current.get(d);
       if (k) {
         const { data: B } = await k;
         return K((se) => se.map((ce) => ce.id === B.id ? { ...ce, isInline: !0 } : ce)), {
-          src: cn(v, B.id),
+          src: ln(v, B.id),
           name: he(d.name),
           mime: d.type
         };
@@ -1590,27 +1590,27 @@ const _n = (e) => {
       return K((B) => [
         ...B,
         { id: z.id, name: V, mime: d.type, size: d.size, order: B.length, isInline: !0 }
-      ]), { src: cn(v, z.id), name: V, mime: d.type };
+      ]), { src: ln(v, z.id), name: V, mime: d.type };
     } catch (k) {
       throw De.current.has(d) || ke.error(k?.message || "Upload failed"), k;
     } finally {
       Te((k) => k - 1);
     }
-  }, Xn = (d) => {
-    Z(!1), !d.defaultPrevented && xr(
+  }, eo = (d) => {
+    Z(!1), !d.defaultPrevented && Fr(
       d,
       v,
       et,
       Ze,
       (k) => ut(k.name)
     );
-  }, Kn = (d) => {
+  }, to = (d) => {
     d.preventDefault(), d.stopPropagation(), Z(!0);
-  }, Bt = fe(null), Zn = async ({ activity: d }) => {
-    const k = Mt(d);
-    k && k.entityId === oe?.id && (_e({ startFrame: k.startFrame, endFrame: k.endFrame }), $?.setDraft(k));
-    const z = An(d.body || ""), V = d.files || [], B = It(z), se = y.length === 1 && y[0].id === (d.origin?.id ?? d.entityId), ce = (G) => {
-      const de = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), ae = `[Source](${Ho(d.activityId, de)})`, ee = [G.trim(), ae].filter(Boolean).join(`
+  }, Gt = fe(null), no = async ({ activity: d }) => {
+    const k = _t(d);
+    k && k.entityId === oe?.id && (_e({ startFrame: k.startFrame, endFrame: k.endFrame }), R?.setDraft(k));
+    const z = Fn(d.body || ""), V = d.files || [], B = Et(z), se = y.length === 1 && y[0].id === (d.origin?.id ?? d.entityId), ce = (G) => {
+      const de = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), ae = `[Source](${Qo(d.activityId, de)})`, ee = [G.trim(), ae].filter(Boolean).join(`
 
 `);
       O((ge) => ge.trim() ? `${ge.trim()}
@@ -1619,7 +1619,7 @@ ${ee}` : ee), Ke.current?.focus();
     }, Ve = async (G) => {
       const de = B.has(G.id);
       try {
-        const ae = await sn(
+        const ae = await cn(
           v,
           G.id,
           G.name,
@@ -1627,15 +1627,15 @@ ${ee}` : ee), Ke.current?.focus();
           de ? void 0 : et
         );
         if (de) {
-          const { file: ge, data: tt } = ae, mt = he(ge.name);
-          K((Wt) => [
-            ...Wt,
-            { id: tt.id, name: mt, mime: ge.type, size: ge.size, order: Wt.length, isInline: de }
+          const { file: ge, data: tt } = ae, pt = he(ge.name);
+          K((Qt) => [
+            ...Qt,
+            { id: tt.id, name: pt, mime: ge.type, size: ge.size, order: Qt.length, isInline: de }
           ]);
         } else Ze(ae);
         const ee = G.annotation;
         if (ee && se) {
-          const ge = await sn(
+          const ge = await cn(
             v,
             ee.transparent,
             `annotation-${G.name}`,
@@ -1645,7 +1645,7 @@ ${ee}` : ee), Ke.current?.focus();
             ...tt,
             {
               ...ee,
-              id: `${ee.id}-${gn()}`,
+              id: `${ee.id}-${hn()}`,
               composite: ae.data.id,
               transparent: ge.data.id
             }
@@ -1668,7 +1668,7 @@ ${ee}` : ee), Ke.current?.focus();
         ce(
           z.replace(
             /(\/api\/projects\/[^/]+\/files\/)([\w-]+)/g,
-            (ge, tt, mt) => ee.has(mt) ? tt + ee.get(mt) : ge
+            (ge, tt, pt) => ee.has(pt) ? tt + ee.get(pt) : ge
           )
         );
       } else ce(z);
@@ -1678,26 +1678,26 @@ ${ee}` : ee), Ke.current?.focus();
     }
   };
   Y(() => {
-    !u || Bt.current === u.key || (Bt.current = u.key, yt(!0), p?.(), Zn(u));
+    !u || Gt.current === u.key || (Gt.current = u.key, yt(!0), m?.(), no(u));
   }, [u?.key]);
-  const eo = Fr({
+  const oo = Dr({
     projectName: v,
     onSuccess: Ze,
     onProgress: et,
     // seed progress so the card switches to uploading before the export finishes
     onStart: (d) => et({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
     onError: (d) => ut(d.name)
-  }), to = me.length > 0 || Ye > 0, vt = Ne || to, bt = async () => {
+  }), ao = pe.length > 0 || Ye > 0, vt = Ne || ao, bt = async () => {
     if (!vt)
       try {
-        $e(!0);
+        Re(!0);
         let d = [], k = Ee, z = [];
         if (ye.length) {
           Le(ye.map((ee) => ee.id));
-          const { files: de, metadata: ae } = await eo(ye);
+          const { files: de, metadata: ae } = await oo(ye);
           d = de, k = [...k, ...ae], z = ae.map((ee) => ee.id), Le(z);
         }
-        const { annotations: V = [] } = n || {}, B = k.length ? [...V, ...k] : void 0, se = yr(Ke.current?.getMarkdown() ?? ve), ce = ne.filter((de) => !de.isInline || ln(de.id, se)), Ve = [...ce, ...d], G = {
+        const { annotations: V = [] } = n || {}, B = k.length ? [...V, ...k] : void 0, se = wr(Ke.current?.getMarkdown() ?? ve), ce = ne.filter((de) => !de.isInline || dn(de.id, se)), Ve = [...ce, ...d], G = {
           ...n,
           annotations: B,
           // could be undefined
@@ -1707,11 +1707,11 @@ ${ee}` : ee), Ke.current?.focus();
           startFrame: w?.startFrame ?? void 0,
           endFrame: w?.endFrame ?? void 0
         };
-        if ((se || Ve.length) && i) {
+        if ((se || Ve.length) && s) {
           const de = ve;
           O(""), K([]);
           try {
-            await i(se, Ve, G), z.forEach((ae) => Ue?.(ae)), m && $?.setEditPreview(null), Fe([]), !m && w && $?.unlink(), m || _e(null);
+            await s(se, Ve, G), z.forEach((ae) => Ue?.(ae)), p && R?.setEditPreview(null), Fe([]), !p && w && R?.unlink(), p || _e(null);
           } catch {
             O(de), K(ce), Fe(Ee);
             return;
@@ -1720,52 +1720,52 @@ ${ee}` : ee), Ke.current?.focus();
       } catch (d) {
         console.error(d), ke.error("Something went wrong");
       } finally {
-        Le([]), $e(!1);
+        Le([]), Re(!1);
       }
-  }, Gt = [
+  }, Ht = [
     ...ye.filter((d) => !Je.includes(d.id)),
     ...(ne || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
-    ...me
-  ].sort((d, k) => d.order - k.order), no = Gt.length > 3, Ht = (d) => g ? I ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : I || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", qt = async (d) => {
+    ...pe
+  ].sort((d, k) => d.order - k.order), ro = Ht.length > 3, qt = (d) => g ? I ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : I || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", Wt = async (d) => {
     if (l)
       try {
         (ft || ne.length > 0 || ye.length > 0) && await bt(), l(d);
       } catch (k) {
         console.error(k), ke.error("Something went wrong while submitting the review");
       }
-  }, oo = r && l && !g && /* @__PURE__ */ x(So, { className: te("version-review-buttons", { guest: I }), children: [
+  }, io = r && l && !g && /* @__PURE__ */ x(Mo, { className: te("version-review-buttons", { guest: I }), children: [
     /* @__PURE__ */ c(
-      Jt,
+      Xt,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => qt(Ce.APPROVE),
+        onClick: () => Wt(Ce.APPROVE),
         children: /* @__PURE__ */ c("span", { className: "label", children: "Approve" })
       }
     ),
     /* @__PURE__ */ c(
-      Jt,
+      Xt,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => qt(Ce.REQUEST_CHANGES),
+        onClick: () => Wt(Ce.REQUEST_CHANGES),
         children: /* @__PURE__ */ c("span", { className: "label", children: "Request changes" })
       }
     )
   ] }), wt = !I && /* @__PURE__ */ c(
-    $r,
+    jr,
     {
       value: Se,
-      categories: Pt,
+      categories: $t,
       onChange: (d) => dt(d),
-      isCompact: m,
+      isCompact: p,
       hasPowerpack: H,
       onPowerFeature: Q,
-      isHidden: Lr(Pt, { isGuest: I, isAdmin: ue })
+      isHidden: Vr($t, { isGuest: I, isAdmin: ue })
     }
-  ), ao = /* @__PURE__ */ x(Ae, { children: [
+  ), so = /* @__PURE__ */ x(Ae, { children: [
     /* @__PURE__ */ c(
       at,
       {
@@ -1774,57 +1774,57 @@ ${ee}` : ee), Ke.current?.focus();
         className: "md-toolbar-button",
         "data-tooltip": "Attach files",
         onMouseDown: (d) => d.preventDefault(),
-        onClick: () => Lt.current?.click()
+        onClick: () => Ot.current?.click()
       }
     ),
     /* @__PURE__ */ c(
       "input",
       {
-        ref: Lt,
+        ref: Ot,
         type: "file",
         multiple: !0,
         hidden: !0,
         onChange: (d) => {
-          Ut(Array.from(d.target.files || [])), d.target.value = "";
+          Bt(Array.from(d.target.files || [])), d.target.value = "";
         }
       }
     )
-  ] }), ro = m || Wn, io = `calc(${Math.max((be ? ie || "Frame or range" : U || "").length, 1) + 2}ch + 16px)`;
+  ] }), co = p || Jn, lo = `calc(${Math.max((be ? ie || "Frame or range" : U || "").length, 1) + 2}ch + 16px)`;
   return /* @__PURE__ */ c(Ae, { children: /* @__PURE__ */ x(
-    Io,
+    _o,
     {
-      className: te("comment-container", "md-mention-anchor", { isOpen: h, isEditing: m }),
-      onDragOver: Kn,
+      className: te("comment-container", "md-mention-anchor", { isOpen: h, isEditing: p }),
+      onDragOver: to,
       onDragLeave: () => Z(!1),
-      onDrop: Xn,
+      onDrop: eo,
       onClick: () => Z(!1),
       onKeyDown: (d) => d.stopPropagation(),
       children: [
-        r && s && /* @__PURE__ */ c(Vr, { lastOwnVersionReview: s }),
+        r && i && /* @__PURE__ */ c(Br, { lastOwnVersionReview: i }),
         /* @__PURE__ */ x(
-          Eo,
+          Po,
           {
             className: te("block-shortcuts", {
               isOpen: h,
               isClosed: !h || g,
-              isEditing: m,
+              isEditing: p,
               isDropping: Ie,
               disabled: g,
               isLoading: f,
               isSubmitting: Ne,
               category: !!Se && !I
             }),
-            onClick: Qn,
+            onClick: Xn,
             $categoryPrimary: Rt?.color,
-            $categoryTertiary: $t.primary,
-            $categorySecondary: $t.secondary,
+            $categoryTertiary: Lt.primary,
+            $categorySecondary: Lt.secondary,
             children: [
               h && /* @__PURE__ */ c(
-                Dn,
+                Nn,
                 {
-                  files: Gt,
-                  isCompact: no || m,
-                  onRemove: Yn,
+                  files: Ht,
+                  isCompact: ro || p,
+                  onRemove: Kn,
                   projectName: v,
                   onAnnotationClick: Be,
                   style: {
@@ -1835,48 +1835,48 @@ ${ee}` : ee), Ke.current?.focus();
                   pt: {
                     file: {
                       style: {
-                        height: m ? 70 : void 0
+                        height: p ? 70 : void 0
                       }
                     }
                   }
                 }
               ),
               h && !g ? /* @__PURE__ */ x(Ae, { children: [
-                m && wt && /* @__PURE__ */ c(Mo, { children: wt }),
+                p && wt && /* @__PURE__ */ c($o, { children: wt }),
                 /* @__PURE__ */ c(
-                  _o,
+                  Ro,
                   {
                     ref: Ke,
                     className: "comment-editor",
                     value: ve,
                     onChange: O,
-                    placeholder: Ht(!0),
-                    mentions: Gn,
-                    mentionPlacement: m ? "inline" : "top",
-                    onMentionClick: Hn,
-                    onMentionHover: qn,
+                    placeholder: qt(!0),
+                    mentions: Wn,
+                    mentionPlacement: p ? "inline" : "top",
+                    onMentionClick: Qn,
+                    onMentionHover: Yn,
                     onSubmit: bt,
-                    onEscape: zt,
-                    onFiles: Ut,
-                    onUploadMedia: Jn,
+                    onEscape: Ut,
+                    onFiles: Bt,
+                    onUploadMedia: Zn,
                     commands: lt,
-                    toolbar: !m,
-                    floatingToolbar: m,
+                    toolbar: !p,
+                    floatingToolbar: p,
                     toolbarStart: wt,
                     toolbarEnd: /* @__PURE__ */ x(Ae, { children: [
-                      /* @__PURE__ */ c(Po, {}),
-                      ao
+                      /* @__PURE__ */ c(Lo, {}),
+                      so
                     ] }),
                     bordered: !1,
-                    autoFocus: ro,
-                    minHeight: m ? 40 : 88,
+                    autoFocus: co,
+                    minHeight: p ? 40 : 88,
                     maxHeight: 259
                   }
                 )
-              ] }) : /* @__PURE__ */ c(Ro, { children: Ht() }),
-              /* @__PURE__ */ x($o, { children: [
-                (!I || _) && /* @__PURE__ */ x(Lo, { children: [
-                  !I && zr.map(({ trigger: d, icon: k, tooltip: z }) => /* @__PURE__ */ c(
+              ] }) : /* @__PURE__ */ c(Oo, { children: qt() }),
+              /* @__PURE__ */ x(jo, { children: [
+                (!I || _) && /* @__PURE__ */ x(Vo, { children: [
+                  !I && Gr.map(({ trigger: d, icon: k, tooltip: z }) => /* @__PURE__ */ c(
                     at,
                     {
                       icon: k,
@@ -1889,23 +1889,23 @@ ${ee}` : ee), Ke.current?.focus();
                     d
                   )),
                   _ && /* @__PURE__ */ x(
-                    Oo,
+                    zo,
                     {
                       className: te("frame-link", { selected: !!w || be }),
                       children: [
                         /* @__PURE__ */ c(
-                          jo,
+                          Uo,
                           {
                             icon: "timer",
                             variant: "text",
                             onClick: ht,
                             "aria-label": w ? "Remove frame link" : "Add frame link",
-                            "data-tooltip": w ? "Remove frame link" : m ? "Add frame link" : "Link to current frame",
+                            "data-tooltip": w ? "Remove frame link" : p ? "Add frame link" : "Link to current frame",
                             "data-testid": "comment-frame-link"
                           }
                         ),
                         (w || be) && (be ? /* @__PURE__ */ c(
-                          Vo,
+                          Bo,
                           {
                             autoFocus: !0,
                             "aria-label": "Linked frame or range",
@@ -1916,14 +1916,14 @@ ${ee}` : ee), Ke.current?.focus();
                             },
                             onChange: (d) => je(d.target.value),
                             onBlur: ct,
-                            style: { width: io },
+                            style: { width: lo },
                             onKeyDown: (d) => {
                               d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (le.current = !0, d.currentTarget.blur());
                             },
                             "data-testid": "comment-frame-link-input"
                           }
                         ) : /* @__PURE__ */ c(
-                          zo,
+                          Go,
                           {
                             variant: "text",
                             "aria-label": `Edit linked frame ${U ?? ""}`,
@@ -1936,12 +1936,12 @@ ${ee}` : ee), Ke.current?.focus();
                     }
                   )
                 ] }),
-                /* @__PURE__ */ x(Uo, { children: [
-                  m && /* @__PURE__ */ c(at, { variant: "text", onClick: zt, children: "Cancel" }),
+                /* @__PURE__ */ x(Ho, { children: [
+                  p && /* @__PURE__ */ c(at, { variant: "text", onClick: Ut, children: "Cancel" }),
                   /* @__PURE__ */ c(
-                    wo,
+                    Ao,
                     {
-                      label: m ? "Save" : "Comment",
+                      label: p ? "Save" : "Comment",
                       className: "comment",
                       active: ft || !!ne.length,
                       onClick: bt,
@@ -1951,21 +1951,21 @@ ${ee}` : ee), Ke.current?.focus();
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ c(Bo, { className: te({ show: Ie && h }), children: /* @__PURE__ */ c(re, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ c(qo, { className: te({ show: Ie && h }), children: /* @__PURE__ */ c(re, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ c(Go, {}),
-        oo
+        /* @__PURE__ */ c(Wo, {}),
+        io
       ]
     }
   ) });
-}, Ur = (e, t, o) => e && Et`
+}, Hr = (e, t, o) => e && Mt`
     --reaction-border-color: ${e};
     --reaction-active-bg: ${t};
     --reaction-hover-bg: ${t};
     --reaction-active-border: ${e};
-  `, Br = F.div`
+  `, qr = F.div`
   /* VARS */
   --reaction-border-color: var(--md-sys-color-outline-variant);
   --reaction-hover-bg: var(--md-sys-color-surface-container-high-hover);
@@ -1978,7 +1978,7 @@ ${ee}` : ee), Ke.current?.focus();
   --reaction-compact-active-hover-bg: var(--md-sys-color-primary-container-hover);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => Ur(e, t)}
+  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => Hr(e, t)}
 
   display: flex;
   justify-content: center;
@@ -2029,23 +2029,23 @@ ${ee}` : ee), Ke.current?.focus();
     position: relative;
     height: 19px;
   }
-`, Gr = F.div`
+`, Wr = F.div`
   outline: 'solid 1px red';
   display: flex;
   gap: 8px;
-`, Hr = F.div`
+`, Qr = F.div`
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 55;
-`, qr = F.div`
+`, Yr = F.div`
   /* VARS */
   --panel-bg: var(--md-sys-color-surface-container-high);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Et`
+  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Mt`
       --panel-bg: ${t};
     `}
 
@@ -2061,14 +2061,14 @@ ${ee}` : ee), Ke.current?.focus();
   padding: 4px;
   border-radius: 4px;
   box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
-`, Wr = F.div`
+`, Jr = F.div`
   /* VARS */
   --opener-bg: var(--md-sys-color-surface-container-high);
   --opener-hover-bg: var(--md-sys-color-surface-container-high-hover);
   --opener-color: var(--md-sys-color-outline);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Et`
+  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Mt`
       --opener-bg: ${t};
       --opener-hover-bg: ${t};
       --opener-color: ${e};
@@ -2091,31 +2091,31 @@ ${ee}` : ee), Ke.current?.focus();
       filter: ${({ $categoryPrimary: e }) => e ? "brightness(1.2)" : "none"};
     }
   }
-`, Qr = F.div`
+`, Xr = F.div`
   display: flex;
   gap: 8px;
   position: relative;
-`, Yr = [
+`, Kr = [
   { key: "thumb_up", value: "👍" },
   { key: "thumb_down", value: "👎" },
   { key: "heart_plus", value: "❤" },
   { key: "celebration", value: "🎉" },
   { key: "notes", value: "📝" }
-], Jr = {
+], Zr = {
   thumb_up: "👍",
   thumb_down: "👎",
   heart_plus: "❤️",
   celebration: "🎉",
   notes: "📝"
-}, Tt = [
+}, Dt = [
   "thumb_up",
   "thumb_down",
   "heart_plus",
   "celebration",
   "notes"
-], Xr = (e) => [...e].sort(
-  (o, n) => Tt.indexOf(o.type) - Tt.indexOf(n.type)
-), $n = ({
+], ei = (e) => [...e].sort(
+  (o, n) => Dt.indexOf(o.type) - Dt.indexOf(n.type)
+), Ln = ({
   reaction: e,
   variant: t = "standard",
   onClick: o,
@@ -2123,30 +2123,30 @@ ${ee}` : ee), Ke.current?.focus();
   categorySecondary: a,
   categoryTertiary: r
 }) => {
-  const s = e.users?.join(", ") || void 0;
+  const i = e.users?.join(", ") || void 0;
   return /* @__PURE__ */ x(
-    Br,
+    qr,
     {
       className: te(t, { active: e.isActive }),
       onClick: o,
-      "data-tooltip": s,
+      "data-tooltip": i,
       $categoryPrimary: n,
       $categorySecondary: a,
       $categoryTertiary: r,
       children: [
-        /* @__PURE__ */ c("span", { className: "emoji", children: Jr[e.type] }),
+        /* @__PURE__ */ c("span", { className: "emoji", children: Zr[e.type] }),
         e.users && /* @__PURE__ */ c("span", { children: e.users.length })
       ]
     }
   );
-}, Kr = ({
+}, ti = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
-}) => /* @__PURE__ */ c(Gr, { children: e.map((r) => /* @__PURE__ */ c(
-  $n,
+}) => /* @__PURE__ */ c(Wr, { children: e.map((r) => /* @__PURE__ */ c(
+  Ln,
   {
     reaction: r,
     isActive: r.isActive,
@@ -2158,16 +2158,16 @@ ${ee}` : ee), Ke.current?.focus();
     categoryTertiary: a
   },
   r.type
-)) }), Zr = ({
+)) }), ni = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
 }) => {
-  const [r, s] = L(!1), i = e.filter((l) => l.isActive).map((l) => l.type);
+  const [r, i] = L(!1), s = e.filter((l) => l.isActive).map((l) => l.type);
   return /* @__PURE__ */ x(
-    Wr,
+    Jr,
     {
       $categoryPrimary: o,
       $categorySecondary: n,
@@ -2178,29 +2178,29 @@ ${ee}` : ee), Ke.current?.focus();
           {
             icon: "add_reaction",
             className: "add-reaction",
-            onClick: () => s(!r)
+            onClick: () => i(!r)
           }
         ),
         r && /* @__PURE__ */ x(Ae, { children: [
-          /* @__PURE__ */ c(Hr, { onClick: () => s(!1) }),
+          /* @__PURE__ */ c(Qr, { onClick: () => i(!1) }),
           /* @__PURE__ */ c(
-            qr,
+            Yr,
             {
               $categoryPrimary: o,
               $categorySecondary: n,
               $categoryTertiary: a,
-              children: Yr.map((l) => {
+              children: Kr.map((l) => {
                 const u = {
                   type: l.key,
-                  isActive: i.includes(l.key)
+                  isActive: s.includes(l.key)
                 };
                 return /* @__PURE__ */ c(
-                  $n,
+                  Ln,
                   {
                     reaction: u,
                     variant: "compact",
                     onClick: () => {
-                      t({ ...u, isActive: !u.isActive }), s(!1);
+                      t({ ...u, isActive: !u.isActive }), i(!1);
                     },
                     categoryPrimary: o,
                     categorySecondary: n,
@@ -2215,105 +2215,126 @@ ${ee}` : ee), Ke.current?.focus();
       ]
     }
   );
-}, ei = ({
+}, oi = ({
   reactions: e,
   changeHandler: t,
   readOnly: o,
   category: n,
   categoryPrimary: a,
   categorySecondary: r,
-  categoryTertiary: s
+  categoryTertiary: i
 }) => {
-  const i = n ? { categoryPrimary: a, categorySecondary: r, categoryTertiary: s } : {};
-  return /* @__PURE__ */ x(Qr, { children: [
+  const s = n ? { categoryPrimary: a, categorySecondary: r, categoryTertiary: i } : {};
+  return /* @__PURE__ */ x(Xr, { children: [
     !o && /* @__PURE__ */ c(
-      Zr,
+      ni,
       {
         reactions: e,
         changeHandler: t,
-        ...i
+        ...s
       }
     ),
-    /* @__PURE__ */ c(Kr, { reactions: e, changeHandler: t, ...i })
+    /* @__PURE__ */ c(ti, { reactions: e, changeHandler: t, ...s })
   ] });
-}, ti = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
+}, ai = (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] };
-}), ni = (e) => e.replace(/@(?=@|\[)/g, ""), oi = {
+}), ri = (e) => e.replace(/@(?=@|\[)/g, ""), ii = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;"
-}, xt = (e) => e.replace(/[&<>"]/g, (t) => oi[t]), ai = (e) => e.replaceAll(" ", "%20"), ri = (e, t) => {
+}, xt = (e) => e.replace(/[&<>"]/g, (t) => ii[t]), si = (e) => e.replaceAll(" ", "%20"), ci = (e, t) => {
   const o = t.cloneContents();
   if (!o.querySelector("[data-mention-value]")) return null;
   let n = "", a = "";
-  const r = (s) => {
-    if (s.nodeType === Node.TEXT_NODE) {
-      const u = s.data;
+  const r = (i) => {
+    if (i.nodeType === Node.TEXT_NODE) {
+      const u = i.data;
       n += u, a += xt(u);
       return;
     }
-    if (s.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
-      s.childNodes.forEach(r);
+    if (i.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+      i.childNodes.forEach(r);
       return;
     }
-    if (s.nodeType !== Node.ELEMENT_NODE) return;
-    const i = s, l = i.getAttribute("data-mention-value");
+    if (i.nodeType !== Node.ELEMENT_NODE) return;
+    const s = i, l = s.getAttribute("data-mention-value");
     if (l) {
-      const u = i.getAttribute("data-mention-label") || (i.textContent || "").trim();
+      const u = s.getAttribute("data-mention-label") || (s.textContent || "").trim();
       if (u) {
-        const p = ai(l);
-        n += `[${u}](${p})`, a += `<a href="@${xt(p)}">@${xt(u)}</a>`;
+        const m = si(l);
+        n += `[${u}](${m})`, a += `<a href="@${xt(m)}">@${xt(u)}</a>`;
       }
       return;
     }
-    if (i.tagName === "BR") {
+    if (s.tagName === "BR") {
       n += `
 `, a += "<br>";
       return;
     }
-    if (i.tagName === "P" || i.tagName === "DIV") {
+    if (s.tagName === "P" || s.tagName === "DIV") {
       n && !n.endsWith(`
 `) && (n += `
-`), s.childNodes.forEach(r);
+`), i.childNodes.forEach(r);
       return;
     }
-    s.childNodes.forEach(r);
+    i.childNodes.forEach(r);
   };
   return r(o), n ? { text: n, html: a } : null;
-}, ii = ({ children: e }) => {
-  const t = Qt.Children.map(e, (n) => {
-    if (!Qt.isValidElement(n)) return n;
+}, li = ({ children: e }) => {
+  const t = Yt.Children.map(e, (n) => {
+    if (!Yt.isValidElement(n)) return n;
     const a = n.props.children;
     return typeof a != "string" ? n : {
       ...n,
       props: {
         ...n.props,
-        children: ni(a)
+        children: ri(a)
       }
     };
   }), o = We((n) => {
     const a = window.getSelection();
     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 = ri(s, r);
-    i && (n.preventDefault(), n.clipboardData.setData("text/plain", i.text), n.clipboardData.setData("text/html", i.html));
+    const r = a.getRangeAt(0), i = n.currentTarget;
+    if (!i.contains(r.startContainer) || !i.contains(r.endContainer)) return;
+    const s = ci(i, r);
+    s && (n.preventDefault(), n.clipboardData.setData("text/plain", s.text), n.clipboardData.setData("text/html", s.html));
   }, []);
   return /* @__PURE__ */ c("div", { className: "comment-text", onCopy: o, children: t });
-}, si = (e = [], t) => {
+}, di = ["tip", "status"], ui = ["textDirective", "leafDirective", "containerDirective"], On = (e) => ({ type: "text", value: e }), kt = (e) => ({ type: "paragraph", children: [On(e)] }), pi = (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);
+}, mi = (e, t) => {
+  const o = pi(e, t);
+  if (o === null) return null;
+  if (e.type === "textDirective") return [On(o)];
+  if (e.type === "leafDirective") return [kt(o)];
+  const [n, ...a] = o.split(`
+`), r = a.length ? a[a.length - 1].match(/:{3,}\s*$/) : null;
+  return [kt(n), ...e.children || [], ...r ? [kt(r[0])] : []];
+}, jn = (e, t, o) => {
+  if (!e.children) return;
+  const n = [];
+  for (const a of e.children) {
+    const i = ui.includes(a.type) && !o.includes(a.name || "") ? mi(a, t) : null;
+    n.push(...i || [a]);
+  }
+  e.children = n, n.forEach((a) => jn(a, t, o));
+}, gi = (e = di) => (t, o) => {
+  jn(t, String(o.value ?? ""), e);
+}, hi = (e = [], t) => {
   let o = {};
   return e.forEach((n) => {
     const a = n.reaction;
-    Tt.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));
-  }), Xr(Object.values(o));
-}, ci = F.div`
+    Dt.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));
+  }), ei(Object.values(o));
+}, fi = F.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
-`, li = F.span`
+`, yi = F.span`
   border-radius: var(--border-radius-m);
   padding: 2px 6px;
   margin: 0 2px;
@@ -2328,21 +2349,21 @@ ${ee}` : ee), Ke.current?.focus();
 
   .icon {
     font-size: 16px;
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
+    font-variation-settings: 'FILL' 1;
   }
-`, di = ({ name: e, statuses: t, children: o }) => {
-  const n = ui(e, t);
-  return /* @__PURE__ */ x(ci, { children: [
+`, vi = ({ name: e, statuses: t, children: o }) => {
+  const n = bi(e, t);
+  return /* @__PURE__ */ x(fi, { children: [
     o,
-    /* @__PURE__ */ x(li, { $color: St(n.color), style: { backgroundColor: n.color }, children: [
+    /* @__PURE__ */ x(yi, { $color: It(n.color), style: { backgroundColor: n.color }, children: [
       n.icon && /* @__PURE__ */ c(re, { icon: n.icon }),
       e
     ] })
   ] });
-}, ui = (e, t) => {
+}, bi = (e, t) => {
   const o = { name: e, color: "var(--md-sys-color-primary)", icon: void 0 };
   return t.find((n) => n.name === e) || o;
-}, mi = F.header`
+}, wi = F.header`
   display: flex;
   align-items: flex-end;
   gap: var(--base-gap-small);
@@ -2354,7 +2375,7 @@ ${ee}` : ee), Ke.current?.focus();
     margin-left: 4px;
     font-weight: 800;
   }
-`, pi = F.div`
+`, xi = F.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
@@ -2376,14 +2397,14 @@ F.li`
     background-color: var(--md-sys-color-surface-container-hover);
   }
 `;
-const kt = F.span`
+const At = F.span`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
 
   strong {
     font-weight: 800;
   }
-`, gi = F.li`
+`, ki = F.li`
   list-style: none;
   margin: var(--padding-s) var(--padding-m);
   padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
@@ -2410,7 +2431,7 @@ const kt = F.span`
   &.request_changes .date, {
     color: var(--md-sys-color-error);
   }
-`, hi = F.div`
+`, Ai = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -2421,7 +2442,7 @@ const kt = F.span`
   width: 100%;
 
   .icon {
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
+    font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
 
@@ -2429,7 +2450,7 @@ const kt = F.span`
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, fi = F.span`
+`, Fi = F.span`
   white-space: nowrap;
   font-size: 12px;
   text-overflow: ellipsis;
@@ -2440,16 +2461,16 @@ const kt = F.span`
     font-size: 12px;
     font-weight: 800;
   }
-`, yi = "#c5c5c5";
-function Ln(e) {
-  const { categories: t } = Re(), { categoryData: o, categoryNotFound: n } = N(() => {
+`, Ci = "#c5c5c5";
+function Vn(e) {
+  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = N(() => {
     let a = !1;
     if (e) {
-      const r = t.find((s) => s.name === e);
+      const r = t.find((i) => i.name === e);
       return r || (a = !0), {
         categoryData: r || {
           name: e,
-          color: yi
+          color: Ci
         },
         categoryNotFound: a
       };
@@ -2461,21 +2482,21 @@ function Ln(e) {
   }, [e, t]);
   return { categoryData: o, categoryNotFound: n };
 }
-const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (e) => !e || !e.name ? wi : e.name === vi && !e.label ? bi : e.label ? e.label : e.name, Dt = "anonymous.guest", xi = ({ isGuest: e, activity: t }) => {
-  const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = N(
+const Ti = "anonymous.guest", Di = "Anonymous User", Ni = "unknown.user", zn = (e) => !e || !e.name ? Ni : e.name === Ti && !e.label ? Di : e.label ? e.label : e.name, Nt = "anonymous.guest", Si = ({ isGuest: e, activity: t }) => {
+  const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, i = N(
     () => [
-      On({ name: o, label: n }),
-      _n(r?.feedback ?? Ce.APPROVE)
+      zn({ name: o, label: n }),
+      Pn(r?.feedback ?? Ce.APPROVE)
     ].join(" "),
     [n, o, r?.feedback, a]
-  ), { categoryData: i, categoryNotFound: l } = Ln(r?.category), u = N(() => {
-    if (!o?.startsWith(Dt))
+  ), { categoryData: s, categoryNotFound: l } = Vn(r?.category), u = N(() => {
+    if (!o?.startsWith(Nt))
       return `/api/users/${o}/avatar`;
   }, [o]);
   if (r?.feedback)
-    return /* @__PURE__ */ c(gi, { className: hn(r.feedback), children: /* @__PURE__ */ x(hi, { children: [
+    return /* @__PURE__ */ c(ki, { className: fn(r.feedback), children: /* @__PURE__ */ x(Ai, { children: [
       o && /* @__PURE__ */ c(
-        wn,
+        xn,
         {
           name: o,
           fullName: n,
@@ -2483,98 +2504,98 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
           size: 22
         }
       ),
-      /* @__PURE__ */ c(re, { icon: Pn(r.feedback) }),
-      i && !e && /* @__PURE__ */ c(
+      /* @__PURE__ */ c(re, { icon: $n(r.feedback) }),
+      s && !e && /* @__PURE__ */ c(
         ot,
         {
-          value: i.name,
-          color: i.color,
+          value: s.name,
+          color: s.color,
           isCompact: !0,
           "data-tooltip": l ? "Category not found. It may have been deleted." : void 0,
           "data-tooltip-delay": 0
         }
       ),
-      /* @__PURE__ */ c(fi, { children: s }),
+      /* @__PURE__ */ c(Fi, { children: i }),
       /* @__PURE__ */ c(st, { date: a, exactTooltip: !0 })
     ] }) });
-}, jn = ({
+}, Un = ({
   name: e,
   fullName: t,
   date: o,
   isRef: n,
   activity: a = {},
   children: r,
-  projectName: s,
-  entityType: i,
+  projectName: i,
+  entityType: s,
   onReferenceClick: l,
   onReferenceTooltip: u
 }) => {
-  const { referenceType: p, origin: m, activityType: g, versions: f, activityId: h } = a, b = p === "mention", D = g === "version.publish", v = f && f?.length > 1 ? "published versions" : "published a version", y = b ? "mentioned" : "commented", A = b ? ` ${i} on` : "on", C = e?.startsWith("guest.") || e?.startsWith(Dt), S = (a.author?.deleted || !a.author?.active) && !C, M = N(() => {
-    if (!e?.startsWith(Dt))
+  const { referenceType: m, origin: p, activityType: g, versions: f, activityId: h } = a, b = m === "mention", D = g === "version.publish", v = f && f?.length > 1 ? "published versions" : "published a version", y = b ? "mentioned" : "commented", A = b ? ` ${s} on` : "on", C = e?.startsWith("guest.") || e?.startsWith(Nt), S = (a.author?.deleted || !a.author?.active) && !C, M = N(() => {
+    if (!e?.startsWith(Nt))
       return `/api/users/${e}/avatar`;
   }, [e]);
-  return /* @__PURE__ */ x(mi, { children: [
-    /* @__PURE__ */ x(pi, { children: [
-      e && !S && /* @__PURE__ */ c(wn, { name: e, fullName: t, src: M, size: 22 }),
+  return /* @__PURE__ */ x(wi, { children: [
+    /* @__PURE__ */ x(xi, { children: [
+      e && !S && /* @__PURE__ */ c(xn, { name: e, fullName: t, src: M, size: 22 }),
       S && /* @__PURE__ */ c(re, { icon: "account_circle" }),
       /* @__PURE__ */ c("h5", { children: t || a.activityData?.author || "Unknown" }),
       n && /* @__PURE__ */ x(Ae, { children: [
-        /* @__PURE__ */ c(kt, { children: /* @__PURE__ */ c("strong", { children: y }) }),
-        /* @__PURE__ */ c(kt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: A }),
-        m && /* @__PURE__ */ c(
-          qo,
+        /* @__PURE__ */ c(At, { children: /* @__PURE__ */ c("strong", { children: y }) }),
+        /* @__PURE__ */ c(At, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: A }),
+        p && /* @__PURE__ */ c(
+          Yo,
           {
-            id: m.id,
-            type: m.type,
+            id: p.id,
+            type: p.type,
             variant: "text",
             onClick: () => l?.({
-              entityId: m.id,
-              entityType: m.type,
-              projectName: s,
+              entityId: p.id,
+              entityType: p.type,
+              projectName: i,
               activityId: h
             }),
             onMouseEnter: (I, E) => u?.({
-              type: m.type,
-              id: m.id,
-              label: m.label,
-              name: m.id,
+              type: p.type,
+              id: p.id,
+              label: p.label,
+              name: p.id,
               pos: E
             }),
-            children: m.label || m.name
+            children: p.label || p.name
           }
         )
       ] }),
-      D && /* @__PURE__ */ c(kt, { children: v }),
+      D && /* @__PURE__ */ c(At, { children: v }),
       r
     ] }),
     /* @__PURE__ */ c(st, { date: o })
   ] });
-}, ki = ({ flags: e }) => e.length ? /* @__PURE__ */ c(Wo, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: s, testId: i }) => /* @__PURE__ */ x(
-  Qo,
+}, Ii = ({ flags: e }) => e.length ? /* @__PURE__ */ c(Jo, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: i, testId: s }) => /* @__PURE__ */ x(
+  Xo,
   {
     as: r ? "button" : "span",
     type: r ? "button" : void 0,
     onClick: r,
-    disabled: r ? s : void 0,
+    disabled: r ? i : void 0,
     "data-tooltip": a,
     "data-tooltip-delay": 0,
-    "data-testid": i,
+    "data-testid": s,
     children: [
       n && /* @__PURE__ */ c(re, { icon: n }),
       o
     ]
   },
   t
-)) }) : null, Ai = ({
+)) }) : null, Ei = ({
   category: e,
   categoryNotFound: t,
   frameLink: o,
   formatFrame: n,
   onFrameLinkClick: a,
   canNavigateToFrame: r,
-  isGuest: s
+  isGuest: i
 }) => [
-  ...!s && e ? [
+  ...!i && e ? [
     {
       id: "category",
       label: e.name,
@@ -2592,18 +2613,18 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
       testId: "comment-frame-link-chip"
     }
   ] : []
-], Fi = ({
+], Mi = ({
   onDelete: e,
   onEdit: t,
   onCopyText: o,
   onDuplicate: n,
   onSelect: a,
   activityId: r,
-  projectName: s,
-  entity: i
+  projectName: i,
+  entity: s
 }) => {
-  const l = [], u = (p) => () => {
-    a?.(), p();
+  const l = [], u = (m) => () => {
+    a?.(), m();
   };
   return t && l.push({
     id: "edit",
@@ -2624,27 +2645,27 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     id: "copy-link",
     label: "Copy link",
     icon: "link",
-    onClick: u(() => Cn(Yo(s, r, i)))
+    onClick: u(() => Tn(Ko(i, r, s)))
   }), e && l.push({
     id: "delete",
     label: "Delete",
     icon: "delete",
     onClick: u(e),
     danger: !0
-  }), /* @__PURE__ */ c(ca, { menu: l });
-}, Ci = ({
+  }), /* @__PURE__ */ c(ua, { menu: l });
+}, _i = ({
   activity: e = {},
   onCheckChange: t,
   onDelete: o,
   onUpdate: n,
   onDuplicate: a,
   projectInfo: r,
-  editProps: s,
-  projectName: i,
+  editProps: i,
+  projectName: s,
   entityType: l,
   onReferenceClick: u,
-  onFileExpand: p,
-  showOrigin: m,
+  onFileExpand: m,
+  showOrigin: p,
   isHighlighted: g,
   readOnly: f,
   statuses: h = []
@@ -2652,17 +2673,17 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   const {
     userName: b,
     createReaction: D,
-    deleteReaction: R,
+    deleteReaction: $,
     editingId: v,
     setEditingId: y,
     isGuest: A,
     userTeamNames: C
-  } = Re(), S = fe(null), { toggleMenuOpen: M, menuOpen: I } = Ma(), { categoryData: E, categoryNotFound: P } = Ln(e?.activityData?.category), H = Nn(E?.color);
+  } = $e(), S = fe(null), { toggleMenuOpen: M, menuOpen: I } = $a(), { categoryData: E, categoryNotFound: P } = Vn(e?.activityData?.category), H = Sn(E?.color);
   let {
     body: Q,
     authorName: X,
     authorFullName: q,
-    createdAt: $,
+    createdAt: R,
     referenceType: ue,
     entityId: J,
     activityId: W,
@@ -2671,40 +2692,40 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     files: ne = [],
     origin: K
   } = e;
-  X || (X = ve?.name || ""), q = On({ name: X, label: q });
-  const Ye = lo(), Te = `activity-comment-menu-${W}-${Ye}`, De = I === Te, { onGoToFrame: me, setHighlightedActivities: pe, user: Ie, commentFrameLink: Z } = ze(), Ne = !!Ie?.data?.isAdmin, $e = O || Ne, Ee = O || Ne, Fe = () => {
+  X || (X = ve?.name || ""), q = zn({ name: X, label: q });
+  const Ye = mo(), Te = `activity-comment-menu-${W}-${Ye}`, De = I === Te, { onGoToFrame: pe, setHighlightedActivities: me, user: Ie, commentFrameLink: Z } = ze(), Ne = !!Ie?.data?.isAdmin, Re = O || Ne, Ee = O || Ne, Fe = () => {
     y(W);
   }, Je = () => {
     y(null);
   }, Le = async (T, le, we) => {
     await n?.(T, le, void 0, we), y(null);
   }, ye = v === W, Ue = ({ activityId: T, url: le }) => {
-    document.getElementById(T) ? pe([T]) : window.open(le, "_blank", "noreferrer");
-  }, Be = ue !== "origin" || m, oe = async () => {
-    const T = ti(Q);
+    document.getElementById(T) ? me([T]) : window.open(le, "_blank", "noreferrer");
+  }, Be = ue !== "origin" || p, oe = async () => {
+    const T = ai(Q);
     Be && K && T.push({ id: K.id, type: K.type }), o && await o(W, J, T);
   }, Xe = () => {
-    qa({
+    Ya({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
       accept: async () => {
         await oe();
       }
     });
-  }, [, Me] = Fn(), Ge = N(
-    () => si(e.reactions, b),
+  }, [, Me] = Cn(), Ge = N(
+    () => hi(e.reactions, b),
     [[...e.reactions || []]]
   ), _e = (T) => {
     T.isActive ? D({
-      projectName: i,
+      projectName: s,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: b,
       activityId: W,
       createReactionModel: {
         reaction: T.type
       }
-    }) : R({
-      projectName: i,
+    }) : $({
+      projectName: s,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: b,
       activityId: W,
@@ -2712,21 +2733,21 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     });
   }, Oe = We(
     (T) => {
-      T.annotation && (me?.(T.annotation.range[0]), pe([W]));
+      T.annotation && (pe?.(T.annotation.range[0]), me([W]));
     },
-    [me]
-  ), be = N(() => It(Q), [Q]), Pe = N(
+    [pe]
+  ), be = N(() => Et(Q), [Q]), Pe = N(
     () => (ne || []).filter((T) => !be.has(T.id)),
     [ne, be]
   ), w = (T) => {
-    const le = aa(T), we = (ne || []).filter((je) => gt(je.mime, je.ext)), xe = we.findIndex((je) => je.id === le);
-    xe !== -1 && p?.({ files: we, index: xe, activityId: W });
-  }, _ = N(() => An(Q || ""), [Q]), j = N(() => Mt(e), [e]), U = Z?.formatFrame ?? String, ie = () => {
-    j && (Z ? Z.goTo(j) : me?.(j.startFrame), pe([W]));
+    const le = sa(T), we = (ne || []).filter((je) => gt(je.mime, je.ext)), xe = we.findIndex((je) => je.id === le);
+    xe !== -1 && m?.({ files: we, index: xe, activityId: W });
+  }, _ = N(() => Fn(Q || ""), [Q]), j = N(() => _t(e), [e]), U = Z?.formatFrame ?? String, ie = () => {
+    j && (Z ? Z.goTo(j) : pe?.(j.startFrame), me([W]));
   };
   return /* @__PURE__ */ x(Ae, { children: [
     /* @__PURE__ */ x(
-      Jo,
+      Zo,
       {
         className: te("comment", {
           isOwner: O,
@@ -2741,25 +2762,25 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
         $categorySecondary: H.secondary,
         children: [
           /* @__PURE__ */ c(
-            jn,
+            Un,
             {
               name: X,
               fullName: q,
-              date: $,
+              date: R,
               isRef: Be,
               activity: e,
-              projectName: i,
+              projectName: s,
               entityType: l,
               onReferenceClick: u,
               onReferenceTooltip: Me,
               children: void 0
             }
           ),
-          /* @__PURE__ */ x(Xo, { className: te("comment-body", { isEditing: ye }), children: [
-            !f && /* @__PURE__ */ x(Ko, { className: "tools", children: [
-              Ee && /* @__PURE__ */ c(Xt, { icon: "edit_square", onClick: Fe, variant: "text" }),
+          /* @__PURE__ */ x(ea, { className: te("comment-body", { isEditing: ye }), children: [
+            !f && /* @__PURE__ */ x(ta, { className: "tools", children: [
+              Ee && /* @__PURE__ */ c(Kt, { icon: "edit_square", onClick: Fe, variant: "text" }),
               /* @__PURE__ */ c(
-                Xt,
+                Kt,
                 {
                   icon: "more_horiz",
                   ref: S,
@@ -2783,39 +2804,45 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
                 onClose: Je,
                 onSubmit: Le,
                 isOpen: !0,
-                ...s
+                ...i
               }
             ) : /* @__PURE__ */ x(Ae, { children: [
               /* @__PURE__ */ c(
-                ki,
+                Ii,
                 {
-                  flags: Ai({
+                  flags: Ei({
                     category: E,
                     categoryNotFound: P,
                     frameLink: j,
                     formatFrame: U,
                     onFrameLinkClick: ie,
-                    canNavigateToFrame: !!Z || !!me,
+                    canNavigateToFrame: !!Z || !!pe,
                     isGuest: A
                   })
                 }
               ),
-              /* @__PURE__ */ c(ii, { children: /* @__PURE__ */ c(
-                fn,
+              /* @__PURE__ */ c(li, { children: /* @__PURE__ */ c(
+                yn,
                 {
-                  remarkPlugins: [vn, yn, mo, po],
+                  remarkPlugins: [
+                    bn,
+                    vn,
+                    ho,
+                    gi,
+                    fo
+                  ],
                   urlTransform: (T) => T,
                   components: {
                     // a links
                     // @ts-ignore
                     a: (T) => (
                       // @ts-ignore
-                      oa(T, {
+                      ia(T, {
                         entityId: K?.id ?? J,
                         entityType: K?.type ?? l,
                         userName: b,
                         userTeamNames: C,
-                        projectName: i,
+                        projectName: s,
                         onReferenceClick: u,
                         onReferenceTooltip: Me,
                         activityId: W,
@@ -2826,43 +2853,43 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
                     ),
                     // checkbox inputs
                     // @ts-ignore
-                    input: (T) => na(T, { activity: e, onCheckChange: t }),
+                    input: (T) => ra(T, { activity: e, onCheckChange: t }),
                     // code syntax highlighting
                     // eslint-disable-next-line
                     // @ts-ignore
-                    code: (T) => ta(T),
+                    code: (T) => aa(T),
                     // @ts-ignore
-                    blockquote: (T) => ea(T),
+                    blockquote: (T) => oa(T),
                     // @ts-ignore
-                    tip: (T) => /* @__PURE__ */ x(Zo, { children: [
+                    tip: (T) => /* @__PURE__ */ x(na, { children: [
                       /* @__PURE__ */ c(re, { icon: "info" }),
                       T.children
                     ] }),
                     // a video url on its own line is an embedded video
                     // @ts-ignore
-                    p: (T) => Ya(T, { onOpen: w }) ?? Qa(T) ?? /* @__PURE__ */ c("p", { children: T.children }),
+                    p: (T) => Ka(T, { onOpen: w }) ?? Xa(T) ?? /* @__PURE__ */ c("p", { children: T.children }),
                     // @ts-ignore
-                    status: (T) => /* @__PURE__ */ c(di, { name: T.id, statuses: h, children: T.children })
+                    status: (T) => /* @__PURE__ */ c(vi, { name: T.id, statuses: h, children: T.children })
                   },
                   children: _
                 }
               ) }),
               /* @__PURE__ */ c(
-                Dn,
+                Nn,
                 {
                   files: Pe,
                   isCompact: Pe.length > 6,
                   activityId: W,
-                  projectName: i,
+                  projectName: s,
                   isDownloadable: !0,
-                  onExpand: p,
+                  onExpand: m,
                   onAnnotationClick: Oe,
                   onRemove: void 0
                 }
               )
             ] }),
             !ye && /* @__PURE__ */ c("div", { style: { marginTop: "16px" }, children: Ge && /* @__PURE__ */ c(
-              ei,
+              oi,
               {
                 reactions: Ge,
                 changeHandler: _e,
@@ -2878,7 +2905,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
       }
     ),
     /* @__PURE__ */ c(
-      la,
+      pa,
       {
         target: S.current,
         id: Te,
@@ -2887,22 +2914,22 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
           T?.stopPropagation(), M(!1);
         },
         children: /* @__PURE__ */ c(
-          Fi,
+          Mi,
           {
-            onDelete: $e && o ? Xe : void 0,
+            onDelete: Re && o ? Xe : void 0,
             onEdit: Ee ? Fe : void 0,
-            onCopyText: _ ? () => Cn(_) : void 0,
+            onCopyText: _ ? () => Tn(_) : void 0,
             onDuplicate: a ? () => a(e) : void 0,
             activityId: W,
             onSelect: () => M(!1),
-            projectName: i,
+            projectName: s,
             entity: K ?? (J ? { id: J, type: l } : void 0)
           }
         )
       }
     )
   ] });
-}, Ti = F.li`
+}, Pi = F.li`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2912,7 +2939,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Di = F.div`
+`, $i = F.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2920,14 +2947,14 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   gap: var(--base-gap-small);
   padding: 0px 4px;
   .icon {
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
+    font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
   [icon='trending_flat'] {
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, At = F.span`
+`, Ft = F.span`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   font-size: 12px;
@@ -2935,19 +2962,19 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     font-size: 12px;
     font-weight: 800;
   }
-`, Ni = (e, t) => {
+`, Ri = (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;
-}, Si = F.div`
+}, Li = F.div`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
   min-width: 0;
   .icon {
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
+    font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
-`, Ii = F.span`
+`, Oi = F.span`
   color: var(--md-sys-color-outline);
   font-size: 12px;
   max-width: 300px;
@@ -2957,37 +2984,37 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   span {
     font-size: inherit;
   }
-`, Nt = pt(
-  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ x(Si, { ...a, ref: r, children: [
+`, St = mt(
+  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ x(Li, { ...a, ref: r, children: [
     e && /* @__PURE__ */ c(re, { icon: e, style: { color: t } }),
-    /* @__PURE__ */ c(Ii, { title: o, children: n ? n.map((s, i) => /* @__PURE__ */ x(uo, { children: [
-      /* @__PURE__ */ c("span", { style: { color: s.color }, children: s.label }),
-      i < n.length - 1 && ", "
-    ] }, i)) : o })
+    /* @__PURE__ */ c(Oi, { title: o, children: n ? n.map((i, s) => /* @__PURE__ */ x(go, { children: [
+      /* @__PURE__ */ c("span", { style: { color: i.color }, children: i.label }),
+      s < n.length - 1 && ", "
+    ] }, s)) : o })
   ] })
-), Ei = (e) => {
+), ji = (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 };
-}, Mi = (e, t) => {
+}, Vi = (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 ra(n, "dd-MM-yyyy");
+    if (!isNaN(n.getTime())) return ca(n, "dd-MM-yyyy");
   }
   return String(e);
-}, _i = (e, t) => e === "description" || t?.data.widget === "markdown", Pi = (e, t, o) => {
+}, zi = (e, t) => e === "description" || t?.data.widget === "markdown", Ui = (e, t, o) => {
   if (e == null || e === "" || Array.isArray(e) && !e.length) return { name: "none" };
-  if (typeof e == "string" && _i(o, t))
-    return { name: Wa(e) || "none" };
+  if (typeof e == "string" && zi(o, t))
+    return { name: Ja(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 Ei(r);
+    const r = t?.data.enum?.find((i) => i.value === a[0]);
+    if (r) return ji(r);
   }
-  return { name: a.map((r) => Mi(r, t)).join(", ") };
-}, Ri = ({
+  return { name: a.map((r) => Vi(r, t)).join(", ") };
+}, Bi = ({
   entityType: e,
   projectInfo: t,
   activity: o = {}
@@ -2996,11 +3023,11 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     activityType: n,
     authorName: a,
     authorFullName: r,
-    createdAt: s,
-    oldStatus: i,
+    createdAt: i,
+    oldStatus: s,
     newStatus: l,
     activityData: u = {}
-  } = o, { key: p, oldValue: m, newValue: g } = u, f = Ni(o, e), h = n === "attrib.change", b = n === "tags.change", D = n === "subtype.change", { data: R = [] } = ka(void 0, { skip: !h }), v = N(() => R.find((P) => P.name === p), [R, p]), y = h ? v?.data.title || p : b ? "Tags" : D ? "Type" : void 0, A = (P) => ({
+  } = o, { key: m, oldValue: p, newValue: g } = u, f = Ri(o, e), h = n === "attrib.change", b = n === "tags.change", D = n === "subtype.change", { data: $ = [] } = Ca(void 0, { skip: !h }), v = N(() => $.find((P) => P.name === m), [$, m]), y = h ? v?.data.title || m : b ? "Tags" : D ? "Type" : void 0, A = (P) => ({
     name: P?.name || "",
     icon: P?.icon,
     color: P?.color
@@ -3012,23 +3039,23 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
       color: t?.tags?.find((q) => q.name === X)?.color
     }));
     return { name: H.join(", "), items: Q };
-  }, S = n === "status.change", M = (P, H) => S ? A(H) : b ? C(P) : Pi(P, v, p), I = M(m, i), E = M(g, l);
-  return /* @__PURE__ */ x(Ti, { children: [
-    /* @__PURE__ */ x(Di, { children: [
-      /* @__PURE__ */ c(At, { children: r || a }),
-      /* @__PURE__ */ x(At, { children: [
+  }, S = n === "status.change", M = (P, H) => S ? A(H) : b ? C(P) : Ui(P, v, m), I = M(p, s), E = M(g, l);
+  return /* @__PURE__ */ x(Pi, { children: [
+    /* @__PURE__ */ x($i, { children: [
+      /* @__PURE__ */ c(Ft, { children: r || a }),
+      /* @__PURE__ */ x(Ft, { children: [
         "- ",
         f.join(" / "),
         " -"
       ] }),
-      y && /* @__PURE__ */ c(At, { children: /* @__PURE__ */ c("strong", { children: y }) }),
-      /* @__PURE__ */ c(Nt, { ...I }),
+      y && /* @__PURE__ */ c(Ft, { children: /* @__PURE__ */ c("strong", { children: y }) }),
+      /* @__PURE__ */ c(St, { ...I }),
       /* @__PURE__ */ c(re, { icon: "trending_flat" }),
-      /* @__PURE__ */ c(Nt, { ...E })
+      /* @__PURE__ */ c(St, { ...E })
     ] }),
-    /* @__PURE__ */ c(st, { date: s })
+    /* @__PURE__ */ c(st, { date: i })
   ] });
-}, $i = F.li`
+}, Gi = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3041,7 +3068,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Li = F.div`
+`, Hi = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: start;
@@ -3049,18 +3076,18 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   gap: var(--base-gap-small);
   padding: 0px 4px;
   overflow: hidden;
-`, Oi = F.span`
+`, qi = F.span`
   color: var(--md-sys-color-outline);
   white-space: wrap;
   font-size: 12px;
-`, dn = ({ 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__ */ c($i, { children: /* @__PURE__ */ x(Li, { children: [
-    /* @__PURE__ */ c(Oi, { children: i }),
+`, un = ({ activity: e, isAdding: t }) => {
+  const { authorFullName: o, createdAt: n, activityData: a, authorName: r } = e || {}, { assignee: i } = a || {};
+  let s = o || r;
+  return s += t ? " added " : " removed ", s += "assignee: " + i, /* @__PURE__ */ c(Gi, { children: /* @__PURE__ */ x(Hi, { children: [
+    /* @__PURE__ */ c(qi, { children: s }),
     /* @__PURE__ */ c(st, { date: n })
   ] }) });
-}, ji = F.li`
+}, Wi = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3072,7 +3099,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
 
   width: 100%;
   padding: 8px;
-`, Vi = F.div`
+`, Qi = F.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -3088,7 +3115,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
       display: inline;
     }
   }
-`, zi = F.div`
+`, Yi = F.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -3102,7 +3129,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     min-width: 0;
     overflow: hidden;
   }
-`, un = F.div`
+`, pn = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3126,7 +3153,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     display: none;
     flex: 1;
   }
-`, Ui = F(Sa)`
+`, Ji = F(Ma)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -3140,23 +3167,23 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   img {
     object-fit: cover;
   }
-`, Bi = F.span`
+`, Xi = F.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   min-width: 0;
-`, Gi = F.div`
+`, Ki = F.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`, Hi = F.li`
+`, Zi = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
   padding: 0;
   padding: 0px 8px;
-`, Vn = F.div`
+`, Bn = F.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -3179,7 +3206,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   &:hover {
     background-color: var(--md-sys-color-surface-container-hover);
   }
-`, qi = ({
+`, es = ({
   activity: e,
   projectName: t,
   entityType: o,
@@ -3187,15 +3214,15 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
   filter: a,
   statuses: r = []
 }) => {
-  const { onOpenViewer: s } = ze();
-  let { authorName: i, authorFullName: l, createdAt: u, versions: p = [] } = e;
-  const m = a === "versions" || a && typeof a == "object" && a.conditions?.some((v) => v.key === "versions" && v.value === !0), [g, f] = L(m), h = 2, [b, D] = L(!1), R = (v, y) => s?.({ versionIds: [v], productId: y, projectName: t });
-  return /* @__PURE__ */ x(ji, { children: [
+  const { onOpenViewer: i } = ze();
+  let { authorName: s, authorFullName: l, createdAt: u, versions: m = [] } = e;
+  const p = a === "versions" || a && typeof a == "object" && a.conditions?.some((v) => v.key === "versions" && v.value === !0), [g, f] = L(p), h = 2, [b, D] = L(!1), $ = (v, y) => i?.({ versionIds: [v], productId: y, projectName: t });
+  return /* @__PURE__ */ x(Wi, { children: [
     /* @__PURE__ */ c(
-      jn,
+      Un,
       {
-        name: i,
-        fullName: l || i,
+        name: s,
+        fullName: l || s,
         date: u,
         activity: e,
         projectName: t,
@@ -3203,20 +3230,20 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
         onReferenceClick: n
       }
     ),
-    p.flatMap((v, y) => {
+    m.flatMap((v, y) => {
       const { name: A, id: C, productId: S, productName: M, thumbnailHash: I, comment: E } = v, P = r.find((H) => H.name === v.status);
-      return (y < h || g) && /* @__PURE__ */ x(Vi, { onClick: () => R(C, S), children: [
-        /* @__PURE__ */ x(zi, { children: [
+      return (y < h || g) && /* @__PURE__ */ x(Qi, { onClick: () => $(C, S), children: [
+        /* @__PURE__ */ x(Yi, { children: [
           /* @__PURE__ */ x("div", { children: [
-            /* @__PURE__ */ x(un, { children: [
+            /* @__PURE__ */ x(pn, { children: [
               /* @__PURE__ */ c("span", { children: M }),
               /* @__PURE__ */ c(st, { date: u, isExact: !0 })
             ] }),
-            /* @__PURE__ */ x(un, { children: [
-              /* @__PURE__ */ c(Bi, { className: "version", children: A }),
+            /* @__PURE__ */ x(pn, { children: [
+              /* @__PURE__ */ c(Xi, { className: "version", children: A }),
               " -",
               /* @__PURE__ */ c(
-                Nt,
+                St,
                 {
                   icon: P?.icon,
                   color: P?.color,
@@ -3226,7 +3253,7 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
             ] })
           ] }),
           /* @__PURE__ */ c(
-            Ui,
+            Ji,
             {
               projectName: t,
               entityId: C,
@@ -3238,25 +3265,25 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
             }
           )
         ] }),
-        E && /* @__PURE__ */ c(Gi, { children: E })
+        E && /* @__PURE__ */ c(Ki, { children: E })
       ] }, C);
     }),
-    !m && p.length > h && /* @__PURE__ */ x(Vn, { onClick: () => f(!g), children: [
+    !p && m.length > h && /* @__PURE__ */ x(Bn, { onClick: () => f(!g), children: [
       /* @__PURE__ */ c(re, { icon: "more" }),
-      /* @__PURE__ */ c("span", { children: g ? "Show less" : `Show ${p.length - h} more versions` })
+      /* @__PURE__ */ c("span", { children: g ? "Show less" : `Show ${m.length - h} more versions` })
     ] })
   ] });
-}, Wi = ({ activities: e, editProps: t, ...o }) => {
+}, ts = ({ activities: e, editProps: t, ...o }) => {
   const [n, a] = L(!1);
   return /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ c(Hi, { children: /* @__PURE__ */ x(Vn, { onClick: () => a(!n), children: [
+    /* @__PURE__ */ c(Zi, { children: /* @__PURE__ */ x(Bn, { onClick: () => a(!n), children: [
       /* @__PURE__ */ c(re, { icon: n ? "expand_less" : "chevron_right" }),
       n ? "Show less" : "Show more"
     ] }) }),
     n && e.map((r) => (
       // @ts-expect-error
       /* @__PURE__ */ c(
-        zn,
+        Gn,
         {
           editProps: t,
           activity: r,
@@ -3267,33 +3294,33 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
       )
     ))
   ] });
-}, zn = ({
+}, Gn = ({
   activity: e,
   fromGroup: t,
   projectInfo: o,
   createdAts: n,
   editProps: a,
   filter: r,
-  readOnly: s,
-  statuses: i,
+  readOnly: i,
+  statuses: s,
   isSlideOut: l,
   isGuest: u,
-  ...p
+  ...m
 }) => {
   switch (e.activityType) {
     case "comment":
       return (
         // @ts-expect-error
         /* @__PURE__ */ c(
-          Ci,
+          _i,
           {
             activity: e,
             projectInfo: o,
             editProps: a,
-            readOnly: s,
-            statuses: i,
+            readOnly: i,
+            statuses: s,
             isSlideOut: l,
-            ...p
+            ...m
           }
         )
       );
@@ -3301,29 +3328,29 @@ const vi = "anonymous.guest", bi = "Anonymous User", wi = "unknown.user", On = (
     case "attrib.change":
     case "tags.change":
     case "subtype.change":
-      return /* @__PURE__ */ c(Ri, { activity: e, projectInfo: o, ...p });
+      return /* @__PURE__ */ c(Bi, { activity: e, projectInfo: o, ...m });
     case "assignee.add":
-      return /* @__PURE__ */ c(dn, { activity: e, ...p, isAdding: !0 });
+      return /* @__PURE__ */ c(un, { activity: e, ...m, isAdding: !0 });
     case "assignee.remove":
-      return /* @__PURE__ */ c(dn, { activity: e, ...p });
+      return /* @__PURE__ */ c(un, { activity: e, ...m });
     case "version.publish":
-      return /* @__PURE__ */ c(qi, { activity: e, projectInfo: o, filter: r, statuses: i, ...p });
+      return /* @__PURE__ */ c(es, { activity: e, projectInfo: o, filter: r, statuses: s, ...m });
     case "version.review":
-      return /* @__PURE__ */ c(xi, { activity: e, isGuest: u, ...p });
+      return /* @__PURE__ */ c(Si, { activity: e, isGuest: u, ...m });
     case "group":
       return !t && /* @__PURE__ */ c(
-        Wi,
+        ts,
         {
           editProps: a,
           activities: e.items || [],
           projectInfo: o,
-          ...p
+          ...m
         }
       );
     default:
       return null;
   }
-}, Qi = F.section`
+}, ns = F.section`
   padding-bottom: 4px;
   overflow: hidden;
   position: relative;
@@ -3371,7 +3398,7 @@ F.div`
     color: inherit;
   }
 `;
-const Yi = F.ul`
+const os = F.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 24px 0;
@@ -3392,11 +3419,11 @@ const Yi = F.ul`
   & > *:last-child {
     margin-top: 32px;
   }
-`, Ji = F.span`
+`, as = F.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
-`, Xi = F.div`
+`, rs = F.div`
   height: 50px;
   border-radius: 8px;
   overflow: hidden;
@@ -3404,7 +3431,7 @@ const Yi = F.ul`
   opacity: 0.5;
 
   position: relative;
-`, Ki = ({
+`, is = ({
   projectName: e,
   entityType: t,
   entities: o = [],
@@ -3413,13 +3440,13 @@ const Yi = F.ul`
 }) => {
   const {
     createEntityActivity: r,
-    updateActivity: s,
-    deleteActivity: i,
+    updateActivity: i,
+    deleteActivity: s,
     isUpdatingActivity: l,
     userName: u,
-    userFullName: p,
-    activityTypes: m
-  } = Re(), g = o.map((v) => v.id), f = ({
+    userFullName: m,
+    activityTypes: p
+  } = $e(), g = o.map((v) => v.id), f = ({
     entityId: v,
     newId: y,
     subTitle: A,
@@ -3433,8 +3460,8 @@ const Yi = F.ul`
     entityId: v,
     referenceType: "origin",
     authorName: u,
-    authorFullName: p,
-    createdAt: Oa(/* @__PURE__ */ new Date()),
+    authorFullName: m,
+    createdAt: za(/* @__PURE__ */ new Date()),
     files: S,
     reactions: [],
     activityData: M,
@@ -3451,7 +3478,7 @@ const Yi = F.ul`
   return {
     submitComment: async (v, y = [], A = {}) => {
       const C = o.map(({ id: I, subTitle: E }) => {
-        const P = tn(), H = y.map((J) => J.id), Q = a ? { ...A, entityList: a } : A, X = {
+        const P = nn(), H = y.map((J) => J.id), Q = a ? { ...A, entityList: a } : A, X = {
           body: v,
           activityType: "comment",
           id: P,
@@ -3461,19 +3488,19 @@ const Yi = F.ul`
           ({ id: J }) => !A.annotations?.some(
             (W) => W.transparent === J
           )
-        ), $ = f({ entityId: I, newId: P, subTitle: E, value: v, files: q, data: A });
+        ), R = f({ entityId: I, newId: P, subTitle: E, value: v, files: q, data: A });
         return r({
           projectName: e,
           entityType: t,
           entityId: I,
           data: X,
-          patch: $,
+          patch: R,
           filter: n,
-          ...{ entityIds: g, activityTypes: m }
+          ...{ entityIds: g, activityTypes: p }
         });
       }), M = (await Promise.all(C)).filter((I) => I.error);
       if (M.length > 0) {
-        const I = Kt(M[0].error) || "Failed to create comment";
+        const I = Zt(M[0].error) || "Failed to create comment";
         throw ke.error(I), new Error(I);
       }
     },
@@ -3487,9 +3514,9 @@ const Yi = F.ul`
         ...M,
         files: A,
         activityData: C
-      }, E = { entityType: t, entityIds: g, activityTypes: m };
+      }, E = { entityType: t, entityIds: g, activityTypes: p };
       try {
-        await s({
+        await i({
           projectName: e,
           data: M,
           activityId: v.activityId,
@@ -3499,14 +3526,14 @@ const Yi = F.ul`
           ...E
         });
       } catch (P) {
-        throw ke.error(Kt(P)), P;
+        throw ke.error(Zt(P)), P;
       }
     },
     deleteComment: async (v, y, A = []) => {
-      const C = { entityType: t, entityIds: g, activityTypes: m };
+      const C = { entityType: t, entityIds: g, activityTypes: p };
       if (v)
         try {
-          await i({
+          await s({
             projectName: e,
             activityId: v,
             entityId: y,
@@ -3520,8 +3547,8 @@ const Yi = F.ul`
     },
     submitReview: async (v) => {
       const y = o.map(({ id: A, subTitle: C }) => {
-        const S = tn(), M = { feedback: v, entityList: a }, I = {
-          body: jr(v, t),
+        const S = nn(), M = { feedback: v, entityList: a }, I = {
+          body: Ur(v, t),
           activityType: "version.review",
           id: S,
           data: M
@@ -3539,27 +3566,27 @@ const Yi = F.ul`
     },
     isSaving: l
   };
-}, Ft = (e = {}) => {
+}, Ct = (e = {}) => {
   const {
     updatedAt: t,
     createdAt: o,
     origin: n = {},
-    activityData: { context: { productName: a, productType: r, productId: s } = {} } = {},
-    version: i
+    activityData: { context: { productName: a, productType: r, productId: i } = {} } = {},
+    version: s
   } = e, { name: l, id: u } = n;
   return {
     name: l,
     id: u,
-    productId: s,
+    productId: i,
     productName: a,
     productType: r,
     updatedAt: t,
     createdAt: o,
-    comment: i?.attrib?.comment || null,
-    status: i?.status,
-    thumbnailHash: i?.thumbnailHash
+    comment: s?.attrib?.comment || null,
+    status: s?.status,
+    thumbnailHash: s?.thumbnailHash
   };
-}, Zi = 5, es = (e = []) => {
+}, ss = 5, cs = (e = []) => {
   const t = [];
   let o = null;
   for (const n of e) {
@@ -3568,28 +3595,28 @@ const Yi = F.ul`
       continue;
     }
     if (!o) {
-      o = { ...n }, o.versions = [Ft(n)];
+      o = { ...n }, o.versions = [Ct(n)];
       continue;
     }
-    const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, i = ja(
+    const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, s = Ua(
       new Date(o.createdAt),
       new Date(n.createdAt)
-    ) <= Zi;
-    if (a && i && r) {
-      o.versions.push(Ft(n));
+    ) <= ss;
+    if (a && s && r) {
+      o.versions.push(Ct(n));
       continue;
     } else {
-      t.push(o), o = { ...n }, o.versions = [Ft(n)];
+      t.push(o), o = { ...n }, o.versions = [Ct(n)];
       continue;
     }
   }
   return o && t.push(o), t;
-}, ts = (e, t) => {
+}, ls = (e, t) => {
   let o = {};
-  t.reduce((i, l) => (i[l.name] = l, i), o);
+  t.reduce((s, l) => (s[l.name] = l, s), o);
   const n = [];
   let a = [];
-  const r = (i) => {
+  const r = (s) => {
     const l = (f) => ["assignee.add", "assignee.remove"].includes(f[0].activityType) ? [
       {
         ...f[0],
@@ -3607,13 +3634,13 @@ const Yi = F.ul`
         }
       }
     ] : f;
-    let u = [], p = [], m = null, g = null;
-    return i.forEach((f) => {
-      m === null || m === f.activityType && g == f.authorName ? p.push(f) : (u.push(...l(p)), p = [f]), m = f.activityType, g = f.authorName;
-    }), p.length != 0 && u.push(...l(p)), u;
-  }, s = (i, l) => {
+    let u = [], m = [], p = null, g = null;
+    return s.forEach((f) => {
+      p === null || p === f.activityType && g == f.authorName ? m.push(f) : (u.push(...l(m)), m = [f]), p = f.activityType, g = f.authorName;
+    }), m.length != 0 && u.push(...l(m)), u;
+  }, i = (s, l) => {
     if (a.length > 2) {
-      if (i) {
+      if (s) {
         const u = a[0].activityData.assignee;
         n.push({
           ...a[0],
@@ -3625,127 +3652,127 @@ const Yi = F.ul`
       }
       n.push({
         activityType: "group",
-        items: r(i ? a.slice(1) : a),
+        items: r(s ? a.slice(1) : a),
         activityId: "group-" + l
       });
     } else a.length > 0 && a.forEach((u) => n.push(u));
     a = [];
   };
-  for (const i of e)
-    if (ns.includes(i.activityType))
-      a.push(i);
+  for (const s of e)
+    if (ds.includes(s.activityType))
+      a.push(s);
     else {
       const l = n.length === 0;
-      s(l, n.length), n.push(i);
+      i(l, n.length), n.push(s);
     }
-  return a.length > 0 && s(!1, n.length), n;
+  return a.length > 0 && i(!1, n.length), n;
 }, mn = (e, t, o = "oldValue") => {
   const n = [];
   let a = null, r = null;
-  for (const s of e)
-    if (s.activityType === t) {
+  for (const i of e)
+    if (i.activityType === t) {
       if (!a) {
-        a = { ...s }, r = new Date(s.createdAt);
+        a = { ...i }, r = new Date(i.createdAt);
         continue;
       }
-      const i = a.authorName === s.authorName, l = a.origin.id === s.entityId, u = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), g = r !== null && rt(r) && rt(p) && Math.abs(Va(r, p)) <= 20;
-      i && g && l && u ? (s[o] !== void 0 && (a[o] = s[o]), a.activityData = {
+      const s = a.authorName === i.authorName, l = a.origin.id === i.entityId, u = a.activityData?.key === i.activityData?.key, m = new Date(i.createdAt), g = r !== null && rt(r) && rt(m) && Math.abs(Ba(r, m)) <= 20;
+      s && g && l && u ? (i[o] !== void 0 && (a[o] = i[o]), a.activityData = {
         ...a.activityData,
-        oldValue: s.activityData.oldValue
-      }, a.hasPreviousPage = s.hasPreviousPage, a.cursor = s.cursor, r = p) : (a.activityData.oldValue !== a.activityData.newValue && n.push(a), a = { ...s }, r = p);
+        oldValue: i.activityData.oldValue
+      }, a.hasPreviousPage = i.hasPreviousPage, a.cursor = i.cursor, r = m) : (a.activityData.oldValue !== a.activityData.newValue && n.push(a), a = { ...i }, r = m);
     } 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;
-}, ns = [
+      a && (a.activityData.oldValue !== a.activityData.newValue && n.push(a), a = null, r = null), n.push(i);
+  return a && a.activityData.oldValue !== a.activityData.newValue && !n.some((i) => i.activityId === a.activityId) && n.push(a), n;
+}, ds = [
   "status.change",
   "assignee.add",
   "assignee.remove",
   "attrib.change",
   "tags.change",
   "subtype.change"
-], os = (e = [], t = {}) => e.map((o) => {
+], us = (e = [], t = {}) => e.map((o) => {
   const n = { ...o, origin: { ...o.origin } };
   if (n.activityType === "status.change") {
     if (!t) return n;
-    const a = n.activityData?.oldValue, r = n.activityData?.newValue, s = t.statuses?.find((l) => l.name === a), i = t.statuses?.find((l) => l.name === r);
-    n.oldStatus = { ...s, name: a }, n.newStatus = { ...i, name: r };
+    const a = n.activityData?.oldValue, r = n.activityData?.newValue, i = t.statuses?.find((l) => l.name === a), s = t.statuses?.find((l) => l.name === r);
+    n.oldStatus = { ...i, name: a }, n.newStatus = { ...s, name: r };
   }
   return n;
-}), as = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, rs = (e = [], t = [], o = {}, n, a, r) => {
-  const s = N(
-    () => os(e, o),
+}), ps = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, ms = (e = [], t = [], o = {}, n, a, r) => {
+  const i = N(
+    () => us(e, o),
     [e, o]
-  ), i = N(() => s.map((b) => ({ ...b, isOwner: a === b.authorName })), [s, a]), l = N(
-    () => as(i, ["version"], n),
-    [i, n]
-  ), u = N(() => [...l].sort((D, R) => {
-    const v = new Date(D.createdAt), y = new Date(R.createdAt), A = rt(v), C = rt(y);
+  ), s = N(() => i.map((b) => ({ ...b, isOwner: a === b.authorName })), [i, a]), l = N(
+    () => ps(s, ["version"], n),
+    [s, n]
+  ), u = N(() => [...l].sort((D, $) => {
+    const v = new Date(D.createdAt), y = new Date($.createdAt), A = rt(v), C = rt(y);
     if (!A && !C)
       return 0;
     if (A) {
       if (!C)
         return -1;
     } else return 1;
-    return za(y, v);
-  }), [l]), p = N(
+    return Ga(y, v);
+  }), [l]), m = N(
     () => mn(u, "status.change", "oldStatus"),
     [u]
-  ), m = N(
-    () => mn(p, "attrib.change"),
-    [p]
+  ), p = N(
+    () => mn(m, "attrib.change"),
+    [m]
   ), g = N(() => r?.conditions?.some(
     (D) => "key" in D && D.key === "updates" && D.value === !0
-  ) ? m : ts(m, t), [m, t, r]), f = N(
-    () => es(g),
+  ) ? p : ls(p, t), [p, t, r]), f = N(
+    () => cs(g),
     [g]
   );
   return N(() => [...new Map(
     f.filter((D) => D && D.activityId).map((D) => [D.activityId, D])
   ).values()], [f]);
-}, pn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), is = ({
+}, gn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), gs = ({
   entities: e = [],
   feedRef: t,
   filter: o,
   disabled: n,
   isLoading: a
 }) => {
-  const r = fe({}), s = (i) => {
-    const l = i.current.querySelectorAll(".scroll-to"), u = Array.from(l).map((m) => m.closest("li.comment"));
+  const r = fe({}), i = (s) => {
+    const l = s.current.querySelectorAll(".scroll-to"), u = Array.from(l).map((p) => p.closest("li.comment"));
     return (u[u.length - 1]?.offsetTop || 0) - 8 || 0;
   };
   Y(() => {
-    const i = pn(e, o);
-    !t.current || n || a || (t.current.scrollTop = r.current[i] || s(t));
+    const s = gn(e, o);
+    !t.current || n || a || (t.current.scrollTop = r.current[s] || i(t));
   }, [e, o, t.current, a]), Y(() => {
-    let i = null;
+    let s = null;
     if (!t.current || n) return;
     const l = (u) => {
-      if (i)
+      if (s)
         return;
-      i = setTimeout(() => {
-        i = null;
+      s = setTimeout(() => {
+        s = null;
       }, 300);
-      const { scrollTop: p } = u.target, m = pn(e, o);
-      r.current[m] = p;
+      const { scrollTop: m } = u.target, p = gn(e, o);
+      r.current[p] = m;
     };
     return t.current?.addEventListener("scroll", l), () => {
       t.current?.removeEventListener("scroll", l);
     };
   }, [t.current, o, e, n]);
-}, ss = ({ feedRef: e, isInputOpen: t, height: o }) => {
+}, hs = ({ feedRef: e, isInputOpen: t, height: o }) => {
   Y(() => {
     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]);
-}, cs = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), ls = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ c(
-  Xi,
+}, fs = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), ys = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ c(
+  rs,
   {
     className: "loading",
-    style: { minHeight: cs(50, 150) }
+    style: { minHeight: fs(50, 150) }
   },
   o
-)), ds = ({
+)), vs = ({
   feedRef: e,
   highlighted: t = [],
   isLoading: o,
@@ -3753,56 +3780,56 @@ const Yi = F.ul`
   hasNextPage: a,
   activities: r
 }) => {
-  const s = fe([]), i = async (u, p = 0) => {
+  const i = fe([]), s = async (u, m = 0) => {
     if (!n) return null;
-    const m = u.querySelector("li.isHighlighted");
-    if (m) return m;
-    if (p++, p > 10) return null;
+    const p = u.querySelector("li.isHighlighted");
+    if (p) return p;
+    if (m++, m > 10) return null;
     const g = await n();
-    return !g || !g.hasNextPage ? null : (await new Promise((h) => requestAnimationFrame(() => h())), i(u, p));
+    return !g || !g.hasNextPage ? null : (await new Promise((h) => requestAnimationFrame(() => h())), s(u, m));
   }, l = async (u) => {
-    const p = await i(u);
-    if (!p) {
+    const m = await s(u);
+    if (!m) {
       console.error("No highlighted element found");
       return;
     }
-    const m = p.offsetTop, g = p.offsetHeight, f = u.offsetHeight || 0, h = 64, D = g + h > f ? m - 16 : m + g - f + h;
-    console.log("FOUND: scrolling to highlighted..."), u.scrollTo({ top: D }), s.current = t;
+    const p = m.offsetTop, g = m.offsetHeight, f = u.offsetHeight || 0, h = 64, D = g + h > f ? p - 16 : p + g - f + h;
+    console.log("FOUND: scrolling to highlighted..."), u.scrollTo({ top: D }), i.current = t;
   };
   Y(() => {
-    !t.length || !e.current || o || !n || t.every((u) => s.current?.includes(u)) || (console.log("trying to scroll to highlighted..."), l(e.current));
-  }, [e, t, r, o, n, s, a]);
-}, us = (e) => e.map((t) => {
+    !t.length || !e.current || o || !n || t.every((u) => i.current?.includes(u)) || (console.log("trying to scroll to highlighted..."), l(e.current));
+  }, [e, t, r, o, n, i, a]);
+}, bs = (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(
-      (s) => s?.composite === a.id || s?.transparent === a.id
+      (i) => i?.composite === a.id || i?.transparent === a.id
     );
     return r ? r.transparent === a.id ? null : { ...a, annotation: r } : a;
   }).filter(Boolean);
   return { ...t, files: o };
-}), Un = [
+}), Hn = [
   "comments",
   "versions",
   "updates",
   "checklists",
   "has_attachments",
   "in_review_session"
-], ms = (e) => !!e && "key" in e, ps = (e, t) => {
+], ws = (e) => !!e && "key" in e, xs = (e, t) => {
   const o = [], n = [], a = (r) => {
     if (!r) return;
-    if (ms(r)) {
-      const i = r.key;
-      if (i === "body") {
-        const p = String(r.value ?? "");
-        p && n.push({ id: p, label: p });
+    if (ws(r)) {
+      const s = r.key;
+      if (s === "body") {
+        const m = String(r.value ?? "");
+        m && n.push({ id: m, label: m });
         return;
       }
-      const l = t.find((p) => p.id === i);
+      const l = t.find((m) => m.id === s);
       if (!l) return;
-      if (Un.includes(i)) {
+      if (Hn.includes(s)) {
         r.value === !0 && o.push({
-          id: Yt(i),
+          id: Jt(s),
           label: l.label,
           icon: l.icon,
           type: "boolean",
@@ -3815,45 +3842,45 @@ const Yi = F.ul`
       }
       const u = Array.isArray(r.value) ? r.value : [r.value];
       o.push({
-        id: Yt(i),
+        id: Jt(s),
         label: l.label,
         type: l.type,
         icon: l.icon,
         singleSelect: l.singleSelect,
         operator: "OR",
-        values: u.map((p) => {
-          const m = l.values?.find((g) => g.id === String(p));
-          return m ? { ...m } : { id: String(p), label: String(p) };
+        values: u.map((m) => {
+          const p = l.values?.find((g) => g.id === String(m));
+          return p ? { ...p } : { id: String(m), label: String(m) };
         })
       });
       return;
     }
-    const s = Ba(r, t);
-    if (s) {
-      o.push(s);
+    const i = qa(r, t);
+    if (i) {
+      o.push(i);
       return;
     }
     r.conditions?.forEach(a);
   };
-  return e?.conditions?.forEach(a), n.length && o.push({ id: xn, label: "", values: n }), o;
-}, gs = (e) => {
+  return e?.conditions?.forEach(a), n.length && o.push({ id: kn, label: "", values: n }), o;
+}, ks = (e) => {
   const t = [], o = [];
   return e.forEach((n) => {
-    const a = xo(n.id), r = (n.values || []).map((s) => s.id);
+    const a = Fo(n.id), r = (n.values || []).map((i) => i.id);
     if (r.length)
-      if (a === xn)
+      if (a === kn)
         r.forEach(
-          (s) => o.push({ key: "body", operator: "like", value: String(s) })
+          (i) => o.push({ key: "body", operator: "like", value: String(i) })
         );
-      else if (Un.includes(a))
+      else if (Hn.includes(a))
         r.includes("true") && t.push({ key: a, operator: "eq", value: !0 });
       else if (n.type === "datetime") {
-        const s = Ga(a, n);
-        s && t.push(s);
+        const i = Wa(a, n);
+        i && t.push(i);
       } 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 };
-}, hs = F.div`
+}, As = F.div`
   padding: 4px 8px;
   padding-bottom: 0;
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
@@ -3868,7 +3895,7 @@ const Yi = F.ul`
     opacity: 0.5;
     pointer-events: none;
   }
-`, Bn = pt(
+`, qn = mt(
   ({
     feedFilter: e,
     setFeedFilter: t,
@@ -3876,8 +3903,8 @@ const Yi = F.ul`
     categories: n,
     supportsReviewSession: a,
     isLoading: r,
-    checklistCount: s,
-    onSearchTextChange: i
+    checklistCount: i,
+    onSearchTextChange: s
   }) => {
     const l = N(() => {
       const y = (C, S, M) => ({
@@ -3930,22 +3957,22 @@ const Yi = F.ul`
           label: "Posted date",
           icon: "calendar_today",
           type: "datetime",
-          values: ia()
+          values: la()
         }
       ];
     }, [o, n, a]);
     let u = "";
-    s?.total && s.total > 0 && (u = `${s.checked}/${s.total}`);
-    const p = N(
+    i?.total && i.total > 0 && (u = `${i.checked}/${i.total}`);
+    const m = N(
       () => ["comments", { id: "checklists", label: u, tooltip: "Checklists" }],
       [u]
-    ), m = N(
-      () => ps(e, l),
+    ), p = N(
+      () => xs(e, l),
       [e, l]
-    ), [g, f] = L(m), h = Ha(), b = fe(null);
+    ), [g, f] = L(p), h = Qa(), b = fe(null);
     Y(() => {
-      f(m);
-    }, [JSON.stringify(m)]), Y(() => {
+      f(p);
+    }, [JSON.stringify(p)]), Y(() => {
       const y = (A) => {
         const C = b.current?.getContainerElement();
         C && !C.contains(A.target) && b.current?.close();
@@ -3955,11 +3982,11 @@ const Yi = F.ul`
       };
     }, [b]);
     const D = (y) => {
-      t(gs(y)), i?.("");
+      t(ks(y)), s?.("");
     };
-    return /* @__PURE__ */ x(hs, { className: r ? "loading" : void 0, children: [
+    return /* @__PURE__ */ x(As, { className: r ? "loading" : void 0, children: [
       /* @__PURE__ */ c(
-        ko,
+        Co,
         {
           ref: b,
           compact: !0,
@@ -3973,9 +4000,9 @@ const Yi = F.ul`
           enableMultipleSameFilters: !1,
           enableAutosuggestion: !1,
           onSearchChange: (y, A) => {
-            A || i?.(y);
+            A || s?.(y);
           },
-          quickActions: p,
+          quickActions: m,
           placeholder: "Search and filter feed...",
           pt: {
             searchBar: {
@@ -3992,7 +4019,7 @@ const Yi = F.ul`
         }
       ),
       /* @__PURE__ */ c(
-        Ia,
+        _a,
         {
           isOpen: !!h.customRangeFilterId,
           header: l.find((y) => y.id === h.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
@@ -4007,8 +4034,8 @@ const Yi = F.ul`
     ] });
   }
 );
-Bn.displayName = "FeedSearchFilter";
-function fs({
+qn.displayName = "FeedSearchFilter";
+function Fs({
   projectName: e,
   enabled: t,
   entityIds: o,
@@ -4016,10 +4043,10 @@ function fs({
   loadingActivities: a,
   userName: r
 }) {
-  const s = N(
-    () => n.find((p) => p.activityType === "version.review" && p.authorName === r),
+  const i = N(
+    () => n.find((m) => m.activityType === "version.review" && m.authorName === r),
     [n, r]
-  ), i = !!(o.length === 0 || !t || a || s), { data: l } = Aa(
+  ), s = !!(o.length === 0 || !t || a || i), { data: l } = Ta(
     {
       projectName: e,
       entityIds: o,
@@ -4027,31 +4054,31 @@ function fs({
       last: 1,
       authors: [r]
     },
-    { skip: i }
+    { skip: s }
   );
-  return N(() => s ?? l?.activities.at(-1), [s, l]);
+  return N(() => i ?? l?.activities.at(-1), [i, l]);
 }
-const fc = 30, yc = ({
+const Fc = 30, Cc = ({
   disabled: e,
   readOnly: t,
   statuses: o = [],
   entityListId: n,
   isSlideOut: a,
   versionReview: r = !1,
-  saveCommentDrafts: s = !0
+  saveCommentDrafts: i = !0
 }) => {
   const {
-    projectName: i,
+    projectName: s,
     entities: l,
     entityType: u,
-    editingId: p,
-    projectInfo: m,
+    editingId: m,
+    projectInfo: p,
     setEditingId: g,
     userName: f,
     activitiesData: h,
     isLoadingNew: b,
     isLoadingNextPage: D,
-    loadNextPage: R,
+    loadNextPage: $,
     hasNextPage: v,
     users: y,
     categories: A,
@@ -4061,12 +4088,12 @@ const fc = 30, yc = ({
     isGuest: I,
     searchText: E,
     setSearchText: P
-  } = Re(), {
+  } = $e(), {
     openSlideOut: H,
     highlightedActivities: Q,
     setHighlightedActivities: X,
     onOpenImage: q,
-    setFeedAnnotations: $,
+    setFeedAnnotations: R,
     setFeedFrameLinks: ue,
     user: J
   } = ze(), W = S.conditions?.some(
@@ -4075,63 +4102,63 @@ const fc = 30, yc = ({
     (w) => "key" in w && ["comments", "checklists", "versions", "updates"].includes(w.key) && w.value === !0
   ), O = S.conditions?.some(
     (w) => "key" in w && (w.key === "comments" || w.key === "checklists") && w.value === !0
-  ), ne = u === "version" || u === "folder", { data: K, isLoading: Ye } = Fa({ projectName: i }, { skip: !i }), De = !J.data?.isManager && !J.data?.isAdmin && !Ye && K?.activities?.enabled && !K?.activities?.activities?.includes("comment") || ve && !O, me = N(
-    () => us(h),
+  ), ne = u === "version" || u === "folder", { data: K, isLoading: Ye } = Da({ projectName: s }, { skip: !s }), De = !J.data?.isManager && !J.data?.isAdmin && !Ye && K?.activities?.enabled && !K?.activities?.activities?.includes("comment") || ve && !O, pe = N(
+    () => bs(h),
     [h]
   );
   Y(() => {
-    me.length || $([]);
-    const w = me.map(
+    pe.length || R([]);
+    const w = pe.map(
       (_) => _.activityData?.annotations?.map((j) => ({
         ...j,
         activityId: _.activityId
       }))
     ).filter(Boolean).flat();
-    $(w);
-  }, [me]), Y(() => {
+    R(w);
+  }, [pe]), Y(() => {
     const w = h.map((_) => {
-      const j = Mt(_);
+      const j = _t(_);
       return j && { ...j, activityId: _.activityId };
     }).filter((_) => !!_);
     ue(w);
   }, [h]);
-  const pe = rs(
+  const me = ms(
     // @ts-ignore
-    me,
+    pe,
     y,
-    m,
+    p,
     u,
     f,
     S
   ), Ie = N(() => {
-    if (!E) return pe;
+    if (!E) return me;
     const w = E.toLowerCase();
-    return pe.filter(
+    return me.filter(
       (_) => _.body?.toLowerCase().includes(w)
     );
-  }, [pe, E]), Z = fe(null);
-  ss({ feedRef: Z, isInputOpen: p === nt, height: 93 }), is({
+  }, [me, E]), Z = fe(null);
+  hs({ feedRef: Z, isInputOpen: m === nt, height: 93 }), gs({
     entities: l,
     feedRef: Z,
     filter: S,
     disabled: !!Q.length,
     isLoading: b
-  }), ds({
+  }), vs({
     feedRef: Z,
     highlighted: Q,
     isLoading: b || D,
-    loadNextPage: R,
-    hasNextPage: !!R,
+    loadNextPage: $,
+    hasNextPage: !!$,
     activities: h
   });
   const {
     submitComment: Ne,
-    updateComment: $e,
+    updateComment: Re,
     deleteComment: Ee,
     submitReview: Fe,
     isSaving: Je
-  } = Ki({
-    projectName: i,
+  } = is({
+    projectName: s,
     entityType: u,
     entities: l,
     filter: S,
@@ -4163,36 +4190,36 @@ const fc = 30, yc = ({
     const qe = ct[xe];
     if (qe === void 0) return;
     const ht = qe + ie.length, lt = le.slice(0, qe) + T + le.slice(ht);
-    lt && $e(_, lt, _.files);
+    lt && Re(_, lt, _.files);
   }, Be = (w) => {
     const { entityId: _, entityType: j, activityId: U } = w;
     if (!j || !["version", "task", "folder"].includes(j))
       return console.log("Entity type not supported yet");
-    if (!_ || !j || !i) return console.log("No entity id or type found");
-    H({ entityId: _, entityType: j, projectName: i }), X([U]);
+    if (!_ || !j || !s) return console.log("No entity id or type found");
+    H({ entityId: _, entityType: j, projectName: s }), X([U]);
   }, oe = ({ index: w, activityId: _ }) => {
     const j = Object.values(Ie).reverse().filter((U) => U.activityType == "comment").map((U) => ({
       id: U.activityId,
       files: U.files.filter((ie) => gt(ie.mime, ie.ext))
     })).filter((U) => U.files.length > 0);
-    q?.({ files: j, activityId: _, index: w, projectName: i });
+    q?.({ files: j, activityId: _, index: w, projectName: s });
   }, [Xe, Me] = L(null), Ge = !De && !t && !e, _e = We(
     (w) => {
-      Me({ key: gn(), activity: w }), g(nt);
+      Me({ key: hn(), activity: w }), g(nt);
     },
     [g]
-  ), Oe = N(() => ls(10), []), be = fs({
-    projectName: i,
+  ), Oe = N(() => ys(10), []), be = Fs({
+    projectName: s,
     enabled: r,
     entityIds: l.map((w) => w.id),
-    activities: pe,
+    activities: me,
     loadingActivities: b,
     userName: f
   });
-  return /* @__PURE__ */ c(Ae, { children: /* @__PURE__ */ x(Qi, { className: "feed", children: [
+  return /* @__PURE__ */ c(Ae, { children: /* @__PURE__ */ x(ns, { className: "feed", children: [
     void 0,
     /* @__PURE__ */ c(
-      Bn,
+      qn,
       {
         feedFilter: S,
         setFeedFilter: M,
@@ -4204,17 +4231,17 @@ const fc = 30, yc = ({
         checklistCount: C
       }
     ),
-    /* @__PURE__ */ x(Yi, { ref: Z, className: te({ loading: b }, "no-shimmer"), children: [
+    /* @__PURE__ */ x(os, { ref: Z, className: te({ loading: b }, "no-shimmer"), children: [
       b ? Oe : Ie.map((w) => /* @__PURE__ */ c(
-        zn,
+        Gn,
         {
           activity: w,
           onCheckChange: Ue,
           onDelete: Ee,
-          onUpdate: async (_, j, U, ie) => await $e(w, _, j, ie),
+          onUpdate: async (_, j, U, ie) => await Re(w, _, j, ie),
           onDuplicate: Ge ? _e : void 0,
-          projectInfo: m,
-          projectName: i,
+          projectInfo: p,
+          projectName: s,
           entityType: u,
           onReferenceClick: Be,
           createdAts: l.map((_) => _.createdAt),
@@ -4222,7 +4249,7 @@ const fc = 30, yc = ({
           showOrigin: l.length > 1,
           filter: S,
           editProps: {
-            projectName: i,
+            projectName: s,
             entities: l,
             entityType: u
           },
@@ -4234,14 +4261,14 @@ const fc = 30, yc = ({
         },
         w.activityId
       )),
-      Ie.length === 0 && W && !O && !b && /* @__PURE__ */ c(Ct, { message: "No versions published yet", icon: "layers" }),
-      v && R && /* @__PURE__ */ c(
-        Ua,
+      Ie.length === 0 && W && !O && !b && /* @__PURE__ */ c(Tt, { message: "No versions published yet", icon: "layers" }),
+      v && $ && /* @__PURE__ */ c(
+        Ha,
         {
           root: Z.current,
-          onChange: (w) => w && R(),
+          onChange: (w) => w && $(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ c(Ji, { style: { height: 0 }, onClick: () => R(), children: D ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ c(as, { style: { height: 0 }, onClick: () => $(), children: D ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
@@ -4250,7 +4277,7 @@ const fc = 30, yc = ({
       {
         initValue: null,
         onSubmit: Le,
-        isOpen: p === nt,
+        isOpen: m === nt,
         onClose: () => g(null),
         onOpen: () => g(nt),
         disabled: e,
@@ -4260,23 +4287,23 @@ const fc = 30, yc = ({
         onReview: ye,
         duplicate: Xe,
         onDuplicateHandled: () => Me(null),
-        saveDraft: s
+        saveDraft: i
       }
     )
   ] }) });
 };
 export {
-  $r as A,
-  _r as C,
-  gc as D,
+  jr as A,
+  Rr as C,
+  kc as D,
   nt as F,
-  an as P,
-  hc as S,
+  rn as P,
+  Ac as S,
   ot as a,
-  yc as b,
-  pc as c,
-  fc as d,
-  pr as e,
+  Cc as b,
+  xc as c,
+  Fc as d,
+  fr as e,
   gt as f,
-  Lr as i
+  Vr as i
 };