@ynput/ayon-frontend-shared 0.6.8 → 0.7.0

package/dist/chunks/Feed.es.js

@@ -1,75 +1,53 @@
-import { jsx as c, jsxs as x, Fragment as Ae } from "react/jsx-runtime";
-import Zt, { useMemo as S, useState as $, useEffect as G, lazy as fo, Suspense as yo, useCallback as qe, useRef as ve, forwardRef as ht, useId as vo, Fragment as bo } from "react";
-import { v4 as bn } from "uuid";
-import ee, { clsx as wn } from "clsx";
-import xn from "react-markdown";
-import kn from "remark-emoji";
+import { jsx as l, jsxs as k, Fragment as Ce } from "react/jsx-runtime";
+import en, { useMemo as S, useState as L, useEffect as G, lazy as vo, Suspense as bo, useCallback as qe, useRef as ge, forwardRef as ft, useId as wo, Fragment as xo } from "react";
+import { v4 as wn } from "uuid";
+import ee, { clsx as xn } from "clsx";
+import kn from "react-markdown";
+import An from "remark-emoji";
 import Fn from "remark-gfm";
-import wo from "remark-directive";
-import xo from "remark-directive-rehype";
+import ko from "remark-directive";
+import Ao from "remark-directive-rehype";
 import { toast as Fe } from "react-toastify";
-import { $createListItemNode as ko, $createListNode as Fo } from "@lexical/list";
-import { $getRoot as Ao } from "lexical";
-import { Button as st, Dialog as Co, getFileSizeString as To, Icon as ie, theme as An, getTextColor as Pt, Dropdown as Do, SaveButton as No, UserImage as Cn, SEARCH_FILTER_ID as Tn, buildFilterId as en, getFilterFromId as So, SearchFilter as Io } from "@ynput/ayon-react-components";
-import { p as Eo, Y as Mo, q as _o, P as Po, o as Dn, L as Ro, l as $o, V as Lo, r as tn, s as Oo, u as Vo, E as jo, M as zo, T as Uo, v as Bo, F as Go, w as Ho, x as qo, y as Wo, z as Qo, G as Yo, S as Jo, H as Xo, I as Ko, J as Rt, n as Nn, K as Zo, A as ea, O as ta, Q as na, R as oa, W as aa, X as ra, Z as ia, _ as nn, $ as sa, a0 as ca, a1 as la, a2 as da, a3 as ua, a4 as ma, b as pa, j as ga } from "./PlayableIcon.es.js";
-import "@lexical/markdown";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@lexical/react/LexicalDecoratorBlockNode";
+import { $createListItemNode as Fo, $createListNode as Co } from "@lexical/list";
+import { $getRoot as To } from "lexical";
+import { Button as ct, Dialog as Do, getFileSizeString as No, Icon as se, theme as Cn, getTextColor as _t, Dropdown as So, SaveButton as Io, UserImage as Tn, SEARCH_FILTER_ID as Dn, buildFilterId as tn, getFilterFromId as Eo, SearchFilter as Mo } from "@ynput/ayon-react-components";
+import { _ as Po, a2 as Nn, a3 as _o, H as Ro, a4 as Lo, a5 as nn, a6 as $o, a7 as Oo, a8 as Vo, y as jo, a9 as Uo, aa as zo, ab as Bo, ac as Go, ad as Ho, ae as qo, af as Wo, ag as Qo, ah as Yo, ai as Jo, aj as Ko, O as Rt, W as Sn, T as Xo, a1 as Zo, ak as ea, al as ta, am as na, an as oa, ao as aa, ap as ra, aq as on, ar as ia, b as sa, c as ca, i as la, as as da, S as ua, e as ma, L as pa } from "./PlayableIcon.es.js";
 import "@lexical/code";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
-import A, { css as $t } from "styled-components";
-import { C as ha } from "./CodeEditor.es.js";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import F, { css as Lt } from "styled-components";
+import { C as ga } from "./CodeEditor.es.js";
 import { E as St } from "./EmptyPlaceholder.es.js";
-import { a as fa, M as ya } from "./Menu.es.js";
-import { aR as va, bj as on } from "./searchTerms.es.js";
-import { bg as ba, bj as wa, aF as xa, dg as ka, aS as Fa, aM as Aa, a$ as Ca, N as Ta, bB as Da, bi as Na, bt as Sa, bn as Ia, bh as Ea, cy as Ma, bX as _a } from "./getUris.es.js";
+import "./EmptyPlaceholderFlex.styled.es.js";
+import { a_ as ha, bt as an } from "./searchTerms.es.js";
+import { bj as fa, bm as ya, aI as va, dl as ba, aV as wa, aP as xa, b2 as ka, O as Aa, bE as Fa, bl as Ca, bw as Ta, bq as Da, bk as Na, cD as Sa, c0 as Ia } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { union as Pa, isEqual as Ra } from "lodash";
-import { b as $a, F as La, u as Le, a as Sn, T as Oa, C as Va } from "./ThumbnailSimple.es.js";
+import { union as Ea, isEqual as Ma } from "lodash";
+import { b as Pa, F as _a, u as $e, a as In, T as Ra, C as La } from "./ThumbnailSimple.es.js";
 import "@module-federation/enhanced/runtime";
-import { o as Ue, x as ja, _ as ft, u as za } from "./DeleteEntitiesContextInstance.es.js";
+import { o as ze, x as $a, a0 as yt, u as Oa } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
 import "react-redux";
-import { p as ye } from "./parseFilename.es.js";
-import Lt from "axios";
-import { b as an } from "./colorUtils.es.js";
+import "react-router-dom";
+import { p as be } from "./parseFilename.es.js";
+import $t from "axios";
+import { b as rn } from "./colorUtils.es.js";
 import "./EntityTooltip.es.js";
-import { isValid as ct, isToday as Ua, isSameYear as Ba, isSameDay as Ga, isSameWeek as Ha, isSameMinute as qa, format as rn, formatISO as Wa, differenceInMinutes as Qa, differenceInSeconds as Ya, compareAsc as Ja } from "date-fns";
-import "./MenuItem.es.js";
-import { InView as Xa } from "react-intersection-observer";
-import { t as Ka, c as Za } from "./queryFilterToClientFilter.es.js";
-import { u as er } from "./useDateRangeFilter.es.js";
+import { isValid as lt, isToday as Va, isSameYear as ja, isSameDay as Ua, isSameWeek as za, isSameMinute as Ba, format as sn, formatISO as Ga, differenceInMinutes as Ha, differenceInSeconds as qa, compareAsc as Wa } from "date-fns";
+import { a as Qa, M as Ya } from "./Menu.es.js";
+import { InView as Ja } from "react-intersection-observer";
+import { t as Ka, c as Xa } from "./queryFilterToClientFilter.es.js";
+import { r as Za, a as er, m as tr, u as nr } from "./useDateRangeFilter.es.js";
 import "match-sorter";
-import { c as tr } from "./confirmDelete.es.js";
-import { c as In } from "./copyToClipboard.es.js";
-import { g as sn } from "./realtimeUpdatesUtils.es.js";
-const nr = (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(), or = (e) => {
-  const t = (e.node?.children ?? []).filter(
-    (s) => !(s.type === "text" && !s.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("");
-  if (!n || a?.trim() !== n) return null;
-  const r = Eo(n);
-  return r ? /* @__PURE__ */ c(Mo, { video: r }) : null;
-}, ar = (e, { onOpen: t } = {}) => {
-  const o = (e.node?.children ?? []).filter(
-    (i) => !(i.type === "text" && !i.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(_o, { src: a, alt: r, mime: s, onOpen: t ? () => t(a) : void 0 }) : null;
-}, rr = ({
+import { c as or } from "./confirmDelete.es.js";
+import { c as En } from "./copyToClipboard.es.js";
+import { g as cn } from "./realtimeUpdatesUtils.es.js";
+const ar = ({
   entities: e,
   filter: t,
   backendFilter: o,
@@ -80,7 +58,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   const i = S(
     () => e.map((b) => ({ id: b.id, projectName: b.projectName, entityType: r })),
     [e]
-  ).map((b) => b.id), l = !e.length || !t || !n || !a, m = {
+  ).map((b) => b.id), c = !e.length || !t || !n || !a, m = {
     entityIds: i,
     projectName: a,
     referenceTypes: ["origin", "mention", "relation"],
@@ -95,8 +73,8 @@ const nr = (e) => e.replace(/\r\n?/g, `
     currentData: h,
     fetchNextPage: v,
     hasNextPage: y
-  } = ba(m, { skip: l });
-  const D = S(() => p?.pages ? p.pages.flatMap((b) => b.activities || []) : [], [p?.pages]), _ = S(() => h?.pages ? h.pages.flatMap((b) => b.activities || []) : [], [h?.pages]), C = async () => {
+  } = fa(m, { skip: c });
+  const D = S(() => p?.pages ? p.pages.flatMap((b) => b.activities || []) : [], [p?.pages]), P = S(() => h?.pages ? h.pages.flatMap((b) => b.activities || []) : [], [h?.pages]), C = async () => {
     if (!y) {
       console.log("No more activities to load");
       return;
@@ -104,12 +82,12 @@ const nr = (e) => e.replace(/\r\n?/g, `
     return console.log("loading next page..."), await v();
   }, f = S(() => {
     if (!g) return !1;
-    const b = Pa(
-      _?.flatMap((T) => T.entityId ? T.entityId : [])
+    const b = Ea(
+      P?.flatMap((T) => T.entityId ? T.entityId : [])
     );
-    return !Ra(b, i);
-  }, [_, i, g]);
-  return l && (g = !0), {
+    return !Ma(b, i);
+  }, [P, i, g]);
+  return c && (g = !0), {
     activitiesData: D,
     isLoadingActivities: g,
     isLoadingNew: f,
@@ -117,24 +95,24 @@ const nr = (e) => e.replace(/\r\n?/g, `
     hasNextPage: y,
     loadNextPage: C
   };
-}, rt = "__new__", Ic = ({ children: e, ...t }) => {
-  const { isGuest: o } = Ue(), { data: n = [] } = wa({ projects: [t.projectName] }), { data: a = [] } = va.useGetTeamsQuery(
+}, it = "__new__", Sc = ({ children: e, ...t }) => {
+  const { isGuest: o } = ze(), { data: n = [] } = ya({ projects: [t.projectName] }), { data: a = [] } = ha.useGetTeamsQuery(
     { projectName: t.projectName, showMembers: !0 },
     { skip: !t.projectName }
   ), r = S(
-    () => a.filter((j) => j.members?.some((de) => de.name === t.userName)).map((j) => j.name),
+    () => a.filter((U) => U.members?.some((de) => de.name === t.userName)).map((U) => U.name),
     [a, t.userName]
-  ), [s, i] = $({
+  ), [s, i] = L({
     operator: "and",
     conditions: []
-  }), [l, m] = $(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = $(null), [v, y] = $(null), [D, { isLoading: _ }] = xa(), [C, { isLoading: f }] = ka(), [b, { isLoading: T }] = Fa(), I = _ || f || T, P = async (j) => await D(j).unwrap(), R = async (j) => await C(j).unwrap(), E = async (j) => await b(j).unwrap(), [N] = Aa(), [Q] = Ca(), Y = async (j) => await N(j).unwrap(), H = async (j) => await Q(j).unwrap(), J = Ta(p), q = S(() => $a(p), [p]), L = rr({
+  }), [c, m] = L(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = L(null), [v, y] = L(null), [D, { isLoading: P }] = va(), [C, { isLoading: f }] = ba(), [b, { isLoading: T }] = wa(), I = P || f || T, _ = async (U) => await D(U).unwrap(), R = async (U) => await C(U).unwrap(), E = async (U) => await b(U).unwrap(), [N] = xa(), [Q] = ka(), Y = async (U) => await N(U).unwrap(), H = async (U) => await Q(U).unwrap(), J = Aa(p), q = S(() => Pa(p), [p]), $ = ar({
     entities: t.entities,
     filter: p,
     backendFilter: q,
     activityTypes: J,
     projectName: t.projectName,
     entityType: t.entityType
-  }), { data: te = {} } = Da(
+  }), { data: te = {} } = Fa(
     {
       suggestRequest: {
         entityType: t.entityType,
@@ -143,21 +121,21 @@ const nr = (e) => e.replace(/\r\n?/g, `
       projectName: t.projectName
     },
     { skip: !u }
-  ), { data: oe = [] } = Na({
+  ), { data: oe = [] } = Ca({
     projectName: t.projectName
-  }), { data: W } = Sa(
+  }), { data: W } = Ta(
     {
       projectName: t.projectName,
-      entityIds: t.entities.map((j) => j.id)
+      entityIds: t.entities.map((U) => U.id)
     },
     { skip: !t.projectName || !t.entities.length }
   );
-  return /* @__PURE__ */ c(
-    La.Provider,
+  return /* @__PURE__ */ l(
+    _a.Provider,
     {
       value: {
         ...t,
-        ...L,
+        ...$,
         mentionSuggestionsData: te,
         categories: oe,
         checklistCount: W,
@@ -169,14 +147,14 @@ const nr = (e) => e.replace(/\r\n?/g, `
         feedFilter: p,
         setFeedFilter: g,
         backendFilter: q,
-        searchText: l,
+        searchText: c,
         setSearchText: m,
         isGuest: o,
         editingId: u,
         setEditingId: h,
         setRefTooltip: y,
         // Query functions
-        createEntityActivity: P,
+        createEntityActivity: _,
         updateActivity: R,
         deleteActivity: E,
         createReaction: Y,
@@ -185,7 +163,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
       children: e
     }
   );
-}, ir = A.div`
+}, rr = F.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
   gap: var(--base-gap-large);
@@ -201,7 +179,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
     301px + var(--padding-s) + var(--padding-s) + var(--base-gap-large)+ var(--base-gap-large)
   );
   overflow: auto;
-`, sr = A.div`
+`, ir = F.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -247,7 +225,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   .download-icon {
     color: var(--md-sys-color-outline);
   }
-`, cr = A.footer`
+`, sr = F.footer`
   background-color: var(--md-sys-color-surface-container-low);
   display: flex;
   align-items: center;
@@ -347,7 +325,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
       }
     }
   }
-`, lr = A.div`
+`, cr = F.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -384,7 +362,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   &:hover .image-wrapper::after {
     opacity: 0.8;
   }
-`, cn = A.div`
+`, ln = F.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -423,7 +401,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   &.posterError {
     background-color: transparent;
   }
-`, dr = A.div`
+`, lr = F.div`
   display: none;
   position: absolute;
   left: 0;
@@ -432,7 +410,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   height: calc(100% - 20px);
   width: 100%;
   gap: 0;
-`, ln = A(st)`
+`, dn = F(ct)`
   height: 100%;
   width: 100%;
   border: none;
@@ -443,7 +421,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
     background: none;
     opacity: 1;
   }
-`, ur = A(Po)`
+`, dr = F(Po)`
   --icon-size: 32px;
   top: calc(50% - 10px);
   left: 50%;
@@ -455,7 +433,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   .icon {
     font-size: var(--icon-size);
   }
-`, Ec = A(Co)`
+`, Ic = F(Do)`
   min-height: 90vh;
   max-height: 90vh;
   min-width: min(90vw, 100%);
@@ -540,7 +518,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   &:focus-visible {
     outline: none;
   }
-`, mr = A.img`
+`, ur = F.img`
   height: 100%;
   width: 100%;
 
@@ -550,7 +528,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   max-width: 90vw;
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, Mc = A.div`
+`, Ec = F.div`
   &.scrollable {
     position: absolute;
     inset: 56px;
@@ -562,7 +540,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
     inset: 56px 0 0 0;
     display: flex;
   }
-`, dn = A.div`
+`, un = F.div`
   position: relative;
   display: flex;
   flex: 1;
@@ -579,45 +557,45 @@ const nr = (e) => e.replace(/\r\n?/g, `
     flex: 1;
     min-width: 0;
   }
-`, lt = (e, t) => `/api/projects/${t}/files/${e}`, pr = ({
+`, dt = (e, t) => `/api/projects/${t}/files/${e}`, mr = ({
   file: e,
   fullPreviews: t = ["png", "jpg", "jpeg", "gif", "svg", "webp"]
 }) => {
   const { id: o, projectName: n, mime: a } = e;
-  let r = lt(o, n);
-  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ c(mr, { src: r, autoFocus: !0 });
-}, gr = A(ha)`
+  let r = dt(o, n);
+  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ l(ur, { src: r, autoFocus: !0 });
+}, pr = F(ga)`
   border-radius: var(--border-radius-m);
   height: 100%;
   overflow: auto !important;
-`, hr = ({ file: e }) => {
-  let t = lt(e.id, e.projectName);
-  const [o, n] = $(""), [a, r] = $(null);
+`, gr = ({ file: e }) => {
+  let t = dt(e.id, e.projectName);
+  const [o, n] = L(""), [a, r] = L(null);
   return G(() => {
     (async () => {
       try {
         const i = await fetch(t);
         if (!i.ok)
           throw new Error(`HTTP error! status: ${i.status}`);
-        const l = await i.text();
-        n(l);
+        const c = await i.text();
+        n(c);
       } catch (i) {
         r(i.message);
       }
     })();
-  }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ x("div", { children: [
+  }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ k("div", { children: [
     "Error: ",
     a
-  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(xn, { remarkPlugins: [Fn, kn], children: o }) : /* @__PURE__ */ c(gr, { value: o, language: e.extension, readOnly: !0 });
-}, En = () => import("./VideoPlayer.es.js"), fr = fo(En), yr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, vr = 1e4, br = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", wr = (e, t) => {
-  const [o, n] = $({ status: "loading" });
+  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ l(kn, { remarkPlugins: [Fn, An], children: o }) : /* @__PURE__ */ l(pr, { value: o, language: e.extension, readOnly: !0 });
+}, Mn = () => import("./VideoPlayer.es.js"), hr = vo(Mn), fr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, yr = 1e4, vr = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", br = (e, t) => {
+  const [o, n] = L({ status: "loading" });
   return G(() => {
     n({ status: "loading" });
     let a = !1, r = null, s;
     const i = () => {
-      r && (r.removeEventListener("loadedmetadata", l), r.removeEventListener("error", m), r.removeAttribute("src"), r.load(), r = null);
+      r && (r.removeEventListener("loadedmetadata", c), r.removeEventListener("error", m), r.removeAttribute("src"), r.load(), r = null);
     };
-    function l() {
+    function c() {
       if (a || !r) return;
       clearTimeout(s);
       const u = {
@@ -625,14 +603,14 @@ const nr = (e) => e.replace(/\r\n?/g, `
         width: r.videoWidth,
         height: r.videoHeight
       };
-      if (yr(u)) {
+      if (fr(u)) {
         i(), n({ status: "ready", metadata: u });
         return;
       }
       p(`unusable metadata ${JSON.stringify(u)}`);
     }
     function m() {
-      a || (clearTimeout(s), p(br(r?.error ?? null)));
+      a || (clearTimeout(s), p(vr(r?.error ?? null)));
     }
     const p = (u) => {
       const h = r?.preload === "metadata";
@@ -643,7 +621,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
       console.warn(`[VideoMime] video cannot be played: ${u}`, e), n({ status: "error" });
     };
     function g(u) {
-      r = document.createElement("video"), r.preload = u, r.muted = !0, r.playsInline = !0, s = setTimeout(() => !a && p("timed out"), vr), r.addEventListener("loadedmetadata", l), r.addEventListener("error", m), r.src = e;
+      r = document.createElement("video"), r.preload = u, r.muted = !0, r.playsInline = !0, s = setTimeout(() => !a && p("timed out"), yr), r.addEventListener("loadedmetadata", c), r.addEventListener("error", m), r.src = e;
     }
     return g("metadata"), () => {
       a = !0, clearTimeout(s), i();
@@ -659,18 +637,18 @@ const nr = (e) => e.replace(/\r\n?/g, `
       codec: t?.codec
     }
   };
-}, xr = ({ file: e }) => {
-  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = lt(t, o), s = wr(r, a);
+}, wr = ({ file: e }) => {
+  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = dt(t, o), s = br(r, a);
   if (G(() => {
-    En();
+    Mn();
   }, []), s.status === "error")
-    return /* @__PURE__ */ c(dn, { children: /* @__PURE__ */ c(St, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ x("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
+    return /* @__PURE__ */ l(un, { children: /* @__PURE__ */ l(St, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ k("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
       "Download ",
       n
     ] }) }) });
-  const i = /* @__PURE__ */ c(dn, { children: /* @__PURE__ */ c(St, { icon: "hourglass_empty", message: "Loading video..." }) });
-  return s.status === "loading" ? i : /* @__PURE__ */ c(yo, { fallback: i, children: /* @__PURE__ */ c(
-    fr,
+  const i = /* @__PURE__ */ l(un, { children: /* @__PURE__ */ l(St, { icon: "hourglass_empty", message: "Loading video..." }) });
+  return s.status === "loading" ? i : /* @__PURE__ */ l(bo, { fallback: i, children: /* @__PURE__ */ l(
+    hr,
     {
       id: t,
       name: n,
@@ -683,20 +661,20 @@ const nr = (e) => e.replace(/\r\n?/g, `
       codec: s.metadata.codec
     }
   ) });
-}, kr = {
+}, xr = {
   image: {
-    component: pr,
+    component: mr,
     mimeTypes: ["image/"],
     fullPreviews: ["png", "jpg", "jpeg", "gif", "svg", "webp"],
     id: "image"
   },
   video: {
-    component: xr,
+    component: wr,
     mimeTypes: ["video/"],
     id: "video"
   },
   text: {
-    component: hr,
+    component: gr,
     mimeTypes: ["text/", "application/json", "scss", "jsx"],
     id: "text"
   },
@@ -704,11 +682,11 @@ const nr = (e) => e.replace(/\r\n?/g, `
     component: null,
     mimeTypes: ["pdf"],
     id: "pdf",
-    callback: (e) => window.open(lt(e.id, e.projectName), "_blank")
+    callback: (e) => window.open(dt(e.id, e.projectName), "_blank")
   }
-}, yt = (e = "", t = "") => Object.values(kr).some(
+}, vt = (e = "", t = "") => Object.values(xr).some(
   ({ mimeTypes: o = [] }) => o.some((n) => (e || t)?.includes(n))
-), Fr = {
+), kr = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -751,11 +729,11 @@ const nr = (e) => e.replace(/\r\n?/g, `
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
 }, Ar = (e) => {
-  for (const [t, o] of Object.entries(Fr))
+  for (const [t, o] of Object.entries(kr))
     if (o.some((n) => e.includes(n)))
       return t;
   return "draft";
-}, Cr = ({
+}, Fr = ({
   name: e,
   mime: t,
   src: o,
@@ -764,7 +742,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
   annotationFrameStart: r,
   size: s,
   progress: i,
-  onRemove: l,
+  onRemove: c,
   isCompact: m,
   isDownloadable: p = !1,
   onExpand: g,
@@ -773,20 +751,20 @@ const nr = (e) => e.replace(/\r\n?/g, `
   className: v,
   ...y
 }) => {
-  const D = i && i < 100, [_, C] = $(!1), [f, b] = $(!1), { feedAnnotationsEnabled: T } = Ue(), { entities: I } = Le(), P = e.split("."), R = P.pop() || "", E = P.join("."), N = yt(t || "." + R), Q = t?.includes("image/") || !!n, H = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, J = /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ c("span", { className: "size", children: To(s) }),
-    /* @__PURE__ */ c(ie, { icon: "download", className: "download-icon" })
+  const D = i && i < 100, [P, C] = L(!1), [f, b] = L(!1), { feedAnnotationsEnabled: T } = ze(), { entities: I } = $e(), _ = e.split("."), R = _.pop() || "", E = _.join("."), N = vt(t || "." + R), Q = t?.includes("image/") || !!n, H = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, J = /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ l("span", { className: "size", children: No(s) }),
+    /* @__PURE__ */ l(se, { icon: "download", className: "download-icon" })
   ] }), q = S(
     () => n ?? a,
     [n, a]
-  ), L = S(() => I.at(0), [I]), te = S(() => {
+  ), $ = S(() => I.at(0), [I]), te = S(() => {
     if (!q?.range)
       return [1, 1];
-    const oe = r === void 0 ? L?.attrib?.frameStart : r;
+    const oe = r === void 0 ? $?.attrib?.frameStart : r;
     return Number.isFinite(oe) ? [oe - 1 + q.range[0], oe - 1 + q.range[1]] : q.range;
-  }, [q, r, L]);
-  return /* @__PURE__ */ x(
-    sr,
+  }, [q, r, $]);
+  return /* @__PURE__ */ k(
+    ir,
     {
       className: ee(v, {
         compact: m,
@@ -796,36 +774,36 @@ const nr = (e) => e.replace(/\r\n?/g, `
       }),
       ...y,
       children: [
-        /* @__PURE__ */ x(
-          lr,
+        /* @__PURE__ */ k(
+          cr,
           {
             className: ee("content-wrapper", {
               isPreviewable: N,
               isUnsavedAnnotation: !!n
             }),
             children: [
-              /* @__PURE__ */ c(ie, { icon: Ar(t || "." + R), className: "type-icon" }),
-              Q && o && /* @__PURE__ */ c(
-                cn,
+              /* @__PURE__ */ l(se, { icon: Ar(t || "." + R), className: "type-icon" }),
+              Q && o && /* @__PURE__ */ l(
+                ln,
                 {
                   className: ee({
                     "image-wrapper": !0,
                     isDownloadable: p || N || n
                   }),
-                  children: /* @__PURE__ */ c(
+                  children: /* @__PURE__ */ l(
                     "img",
                     {
                       src: o,
                       onError: () => C(!0),
                       style: {
-                        display: _ ? "none" : "block"
+                        display: P ? "none" : "block"
                       }
                     }
                   )
                 }
               ),
-              H && /* @__PURE__ */ x(
-                cn,
+              H && /* @__PURE__ */ k(
+                ln,
                 {
                   className: ee({
                     "image-wrapper": !0,
@@ -833,14 +811,14 @@ const nr = (e) => e.replace(/\r\n?/g, `
                     posterError: f
                   }),
                   children: [
-                    !f && /* @__PURE__ */ c("img", { src: H, onError: () => b(!0) }),
-                    /* @__PURE__ */ c(ur, {})
+                    !f && /* @__PURE__ */ l("img", { src: H, onError: () => b(!0) }),
+                    /* @__PURE__ */ l(dr, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ x(dr, { className: "expand-buttons", children: [
-                N && !u && /* @__PURE__ */ c(
-                  ln,
+              /* @__PURE__ */ k(lr, { className: "expand-buttons", children: [
+                N && !u && /* @__PURE__ */ l(
+                  dn,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
@@ -848,8 +826,8 @@ const nr = (e) => e.replace(/\r\n?/g, `
                     onClick: g
                   }
                 ),
-                (n || T && a) && /* @__PURE__ */ c(
-                  ln,
+                (n || T && a) && /* @__PURE__ */ l(
+                  dn,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
@@ -861,8 +839,8 @@ const nr = (e) => e.replace(/\r\n?/g, `
             ]
           }
         ),
-        /* @__PURE__ */ x(
-          cr,
+        /* @__PURE__ */ k(
+          sr,
           {
             className: ee({
               inProgress: D,
@@ -870,27 +848,27 @@ const nr = (e) => e.replace(/\r\n?/g, `
               isDownloadable: p
             }),
             children: [
-              /* @__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(ie, { icon: "draw" }),
+              /* @__PURE__ */ l("span", { className: "progress", style: { right: `${100 - i}%` } }),
+              /* @__PURE__ */ l("div", { className: "name-wrapper", children: q ? /* @__PURE__ */ k("span", { className: "name", children: [
+                /* @__PURE__ */ l(se, { icon: "draw" }),
                 te[0],
                 te[1] !== te[0] && ` - ${te[1]}`
-              ] }) : /* @__PURE__ */ x("span", { className: "name", children: [
+              ] }) : /* @__PURE__ */ k("span", { className: "name", children: [
                 E,
-                /* @__PURE__ */ x("span", { className: "extension", children: [
+                /* @__PURE__ */ k("span", { className: "extension", children: [
                   ".",
                   R
                 ] })
               ] }) }),
-              p && (l ? /* @__PURE__ */ c("div", { className: "download", children: J }) : /* @__PURE__ */ c("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: J }))
+              p && (c ? /* @__PURE__ */ l("div", { className: "download", children: J }) : /* @__PURE__ */ l("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: J }))
             ]
           }
         ),
-        l && /* @__PURE__ */ c(st, { className: "remove", onClick: l, icon: "close" })
+        c && /* @__PURE__ */ l(ct, { className: "remove", onClick: c, icon: "close" })
       ]
     }
   );
-}, Mn = ({
+}, Pn = ({
   files: e = [],
   activityId: t,
   isCompact: o,
@@ -899,26 +877,26 @@ const nr = (e) => e.replace(/\r\n?/g, `
   projectName: r,
   isDownloadable: s,
   onExpand: i,
-  onAnnotationClick: l,
+  onAnnotationClick: c,
   pt: m,
   ...p
 }) => {
   if (!e.length) return null;
   const g = qe(
     (u) => {
-      const h = e.filter((y) => yt(y.mime, y.ext)), v = h.findIndex((y) => y.id === e[u].id);
+      const h = e.filter((y) => vt(y.mime, y.ext)), v = h.findIndex((y) => y.id === e[u].id);
       i?.({ files: h, index: v, activityId: t || "" });
     },
     [i]
   );
-  return /* @__PURE__ */ c(ir, { className: ee({ compact: o }), ...p, children: e.map((u, h) => /* @__PURE__ */ c(
-    Cr,
+  return /* @__PURE__ */ l(rr, { className: ee({ compact: o }), ...p, children: e.map((u, h) => /* @__PURE__ */ l(
+    Fr,
     {
       id: u.id || u.name,
       name: u.name,
       mime: u.mime || u.type,
       size: u.size,
-      src: u.unsavedAnnotation ? u.thumbnail : u.id ? lt(u.id, r) : void 0,
+      src: u.unsavedAnnotation ? u.thumbnail : u.id ? dt(u.id, r) : void 0,
       unsavedAnnotation: u.unsavedAnnotation,
       savedAnnotation: u.annotation,
       progress: u.progress,
@@ -926,13 +904,13 @@ const nr = (e) => e.replace(/\r\n?/g, `
       isCompact: o,
       isDownloadable: s,
       onExpand: () => g(h),
-      onJumpTo: () => l?.(u),
+      onJumpTo: () => c?.(u),
       disableExpand: n,
       ...m?.file
     },
     u.id || u.name
   )) });
-}, Tr = (e) => {
+}, Cr = (e) => {
   const t = /!\[.*?\]\((.*?)\)/g, o = e.match(t);
   let n = e;
   return o && o.forEach((a) => {
@@ -940,23 +918,23 @@ const nr = (e) => e.replace(/\r\n?/g, `
     const r = a.match(/\(([^)]+)\)/)[1], s = r.split("?")[0];
     n = e.replace(r, s);
   }), n;
-}, Dr = new AbortController(), Nr = Lt.CancelToken, Sr = Nr.source(), We = (e, t, o) => new Promise((n, a) => {
+}, Tr = new AbortController(), Dr = $t.CancelToken, Nr = Dr.source(), We = (e, t, o) => new Promise((n, a) => {
   new FormData().append("image", e);
   const s = {
-    signal: Dr.signal,
-    cancelToken: Sr.token,
+    signal: Tr.signal,
+    cancelToken: Nr.token,
     onUploadProgress: (i) => o && o(i, e),
     headers: {
       "Content-Type": e.type,
-      "x-file-name": ye(e.name)
+      "x-file-name": be(e.name)
     }
   };
-  Lt.post(`/api/projects/${t}/files`, e, s).then((i) => {
+  $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 });
   });
-}), Ir = (e, t, o, n, a) => {
+}), Sr = (e, t, o, n, a) => {
   e.preventDefault(), e.stopPropagation();
   let r = e.dataTransfer.files;
   if (r?.length) {
@@ -969,17 +947,17 @@ const nr = (e) => e.replace(/\r\n?/g, `
         }
       );
   }
-}, Er = (e, t, o) => (t || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((n) => {
+}, Ir = (e, t, o) => (t || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((n) => {
   n.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", n);
 }), Object.values(e).filter(
-  (n) => n.versionId === t && !o.some((a) => a.name === ye(n.name))
+  (n) => n.versionId === t && !o.some((a) => a.name === be(n.name))
 ).map((n) => ({
   ...n,
   unsavedAnnotation: n
-}))), Mr = ({ entityId: e, filesUploading: t }) => {
-  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = Le(), { onGoToFrame: s } = Ue(), i = Er(a || [], e, t);
+}))), Er = ({ entityId: e, filesUploading: t }) => {
+  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: s } = ze(), i = Ir(a || [], e, t);
   return G(() => {
-    i.length > 0 && !o && n(rt);
+    i.length > 0 && !o && n(it);
   }, [i]), {
     annotations: i,
     goToAnnotation: (m) => {
@@ -991,30 +969,30 @@ const nr = (e) => e.replace(/\r\n?/g, `
 }, _n = (e) => S(() => {
   if (!e)
     return { primary: void 0, secondary: void 0 };
-  const t = getComputedStyle(document.documentElement), o = t.getPropertyValue("--md-sys-color-surface-container").trim(), n = t.getPropertyValue("--md-sys-color-surface-container-high").trim(), a = o || e, r = n || e, s = an(e, a, 0.1) || e, i = an(e, r, 0.2) || e;
+  const t = getComputedStyle(document.documentElement), o = t.getPropertyValue("--md-sys-color-surface-container").trim(), n = t.getPropertyValue("--md-sys-color-surface-container-high").trim(), a = o || e, r = n || e, s = rn(e, a, 0.1) || e, i = rn(e, r, 0.2) || e;
   return {
     primary: s,
     secondary: i
   };
-}, [e]), _r = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
-  const { exportAnnotationComposite: r } = Le(), s = async (l) => {
-    const m = await r?.(l.id);
+}, [e]), Mr = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
+  const { exportAnnotationComposite: r } = $e(), s = async (c) => {
+    const m = await r?.(c.id);
     if (!m)
-      throw new Error(`Exporting composite image for annotation ${l.id} failed`);
-    const p = new File([m], l.name, {
+      throw new Error(`Exporting composite image for annotation ${c.id} failed`);
+    const p = new File([m], c.name, {
       type: "image/png"
-    }), g = await fetch(l.annotationData).then((_) => _.blob()), u = new File([g], `annotation-${l.name}`, {
+    }), g = await fetch(c.annotationData).then((P) => P.blob()), u = new File([g], `annotation-${c.name}`, {
       type: "image/png"
     }), h = await Promise.all([
       We(p, e, o),
       We(u, e, () => {
       })
     ]), [v, y] = h, D = [t(v), t(y, !0)];
-    return { annotation: l, uploads: h, files: D };
+    return { annotation: c, uploads: h, files: D };
   };
-  return async (l) => {
+  return async (c) => {
     try {
-      const m = l.map(async (h) => {
+      const m = c.map(async (h) => {
         n?.(h);
         try {
           return await s(h);
@@ -1038,38 +1016,38 @@ const nr = (e) => e.replace(/\r\n?/g, `
       return Fe.error("Upload failed: " + m.message), { files: [], metadata: [] };
     }
   };
-}, Pn = "ayon-comment-draft/", Rn = 720 * 60 * 60 * 1e3, Pr = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, $n = (e) => {
+}, Rn = "ayon-comment-draft/", Ln = 720 * 60 * 60 * 1e3, Pr = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, $n = (e) => {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : null;
   } catch {
     return null;
   }
-}, Rr = (e, t) => {
+}, _r = (e, t) => {
   try {
     Pr(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
   } catch (o) {
     console.warn("Could not save comment draft", o);
   }
-}, $r = () => {
+}, Rr = () => {
   try {
     const e = Date.now();
     for (const t of Object.keys(localStorage)) {
-      if (!t.startsWith(Pn)) continue;
+      if (!t.startsWith(Rn)) continue;
       const o = $n(t);
-      (!o || e - o.savedAt > Rn) && localStorage.removeItem(t);
+      (!o || e - o.savedAt > Ln) && localStorage.removeItem(t);
     }
   } catch {
   }
-}, Lr = (e, t, o) => e && t && o.length ? `${Pn}${e}/${t}/${[...o].sort().join(",")}` : null, Or = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
-  const a = ve(null), r = ve(!1);
+}, Lr = (e, t, o) => e && t && o.length ? `${Rn}${e}/${t}/${[...o].sort().join(",")}` : null, $r = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
+  const a = ge(null), r = ge(!1);
   G(() => {
     if (!e || o) return;
     const s = a.current;
     if (a.current = e, s === e) return;
-    s || $r();
+    s || Rr();
     const i = $n(e);
-    i && Date.now() - i.savedAt <= Rn ? (r.current = !0, n({
+    i && Date.now() - i.savedAt <= Ln ? (r.current = !0, n({
       text: i.text ?? "",
       files: i.files ?? [],
       uploadedAnnotations: i.uploadedAnnotations ?? [],
@@ -1080,9 +1058,9 @@ const nr = (e) => e.replace(/\r\n?/g, `
       r.current = !1;
       return;
     }
-    !e || o || Rr(e, t);
+    !e || o || _r(e, t);
   }, [e, o, t.text, t.files, t.uploadedAnnotations, t.category]);
-}, Vr = "Category", jr = A.div`
+}, Or = "Category", Vr = F.div`
   display: flex;
   padding: 2px 4px;
   justify-content: center;
@@ -1108,7 +1086,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
 
   &.compact {
     padding: 1px 2px;
-    ${An.labelMedium}
+    ${Cn.labelMedium}
   }
 
   &.editing {
@@ -1131,11 +1109,11 @@ const nr = (e) => e.replace(/\r\n?/g, `
       color: var(--md-sys-color-tertiary);
     }
   }
-`, it = ht(
-  ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: s, className: i, ...l }, m) => /* @__PURE__ */ c(
-    jr,
+`, st = ft(
+  ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: s, className: i, ...c }, m) => /* @__PURE__ */ l(
+    Vr,
     {
-      ...l,
+      ...c,
       ref: m,
       className: ee(i, {
         none: !e,
@@ -1149,13 +1127,13 @@ const nr = (e) => e.replace(/\r\n?/g, `
         ...t && {
           backgroundColor: t,
           borderColor: t,
-          color: Pt(t)
+          color: _t(t)
         }
       },
-      children: e || Vr
+      children: e || Or
     }
   )
-), zr = A.span`
+), jr = F.span`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1174,7 +1152,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
       color: var(--md-sys-color-on-surface) !important;
     }
   }
-`, Ur = ht(
+`, Ur = ft(
   ({
     label: e,
     color: t,
@@ -1184,19 +1162,19 @@ const nr = (e) => e.replace(/\r\n?/g, `
     endContent: r,
     isClear: s,
     style: i,
-    className: l,
+    className: c,
     ...m
-  }, p) => /* @__PURE__ */ x(
-    zr,
+  }, p) => /* @__PURE__ */ k(
+    jr,
     {
       ...m,
-      className: ee(l, { selected: n }),
-      style: { backgroundColor: n && t ? t : "", color: Pt(n && t ? t : ""), ...i },
+      className: ee(c, { selected: n }),
+      style: { backgroundColor: n && t ? t : "", color: _t(n && t ? t : ""), ...i },
       ref: p,
       children: [
         a,
-        /* @__PURE__ */ c(
-          ie,
+        /* @__PURE__ */ l(
+          se,
           {
             icon: o || (s ? "clear" : "crop_square"),
             style: { color: t || "" }
@@ -1207,7 +1185,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
       ]
     }
   )
-), Br = "1.3.0", Gr = A(Do)`
+), zr = "1.3.0", Br = F(So)`
   button {
     /* remove all styles and just use a wrapper */
     background-color: unset !important;
@@ -1218,7 +1196,7 @@ const nr = (e) => e.replace(/\r\n?/g, `
     width: unset !important;
     color: var(--md-sys-color-on-surface) !important;
   }
-`, Hr = ({
+`, Gr = ({
   value: e,
   categories: t,
   readonly: o,
@@ -1227,34 +1205,34 @@ const nr = (e) => e.replace(/\r\n?/g, `
   hasPowerpack: r,
   onPowerFeature: s,
   onChange: i,
-  ...l
+  ...c
 }) => {
   if (n) return null;
   const m = t.find((u) => u.name === e), { color: p } = m || {};
   if (!r)
-    return /* @__PURE__ */ c(
-      it,
+    return /* @__PURE__ */ l(
+      st,
       {
         value: null,
         isPower: !0,
         isDisabled: !0,
-        style: l.style,
+        style: c.style,
         onClick: () => s?.("commentCategories"),
         "data-tooltip": "Comment categories is a Powerpack feature"
       }
     );
   if (o)
-    return /* @__PURE__ */ c(it, { value: e, color: p, isCompact: a, style: l.style });
+    return /* @__PURE__ */ l(st, { value: e, color: p, isCompact: a, style: c.style });
   if (!t.length)
-    return /* @__PURE__ */ c(
-      it,
+    return /* @__PURE__ */ l(
+      st,
       {
         value: e,
         color: p,
         isCompact: a,
-        style: l.style,
+        style: c.style,
         onClick: () => Fe.warning(
-          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${Br}.`
+          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${zr}.`
         )
       }
     );
@@ -1267,14 +1245,14 @@ const nr = (e) => e.replace(/\r\n?/g, `
       icon: null
     }))
   ];
-  return /* @__PURE__ */ c(
-    Gr,
+  return /* @__PURE__ */ l(
+    Br,
     {
       options: g,
       value: e ? [e] : [],
       onChange: (u) => i(u[0]),
-      valueTemplate: () => /* @__PURE__ */ c(it, { value: e, color: p, isCompact: a, isEditing: !0 }),
-      itemTemplate: (u, h, v, y) => /* @__PURE__ */ c(
+      valueTemplate: () => /* @__PURE__ */ l(st, { value: e, color: p, isCompact: a, isEditing: !0 }),
+      itemTemplate: (u, h, v, y) => /* @__PURE__ */ l(
         Ur,
         {
           label: u.label,
@@ -1284,10 +1262,31 @@ const nr = (e) => e.replace(/\r\n?/g, `
         },
         y
       ),
-      ...l
+      ...c
     }
   );
-}, qr = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), Ln = 1e4, Wr = A.span`
+}, Hr = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), qr = ["tip", "status"], Wr = ["textDirective", "leafDirective", "containerDirective"], On = (e) => ({ type: "text", value: e }), Ft = (e) => ({ type: "paragraph", children: [On(e)] }), Qr = (e, t) => {
+  const o = e.position?.start.offset, n = e.position?.end.offset;
+  return o === void 0 || n === void 0 ? null : t.slice(o, n);
+}, Yr = (e, t) => {
+  const o = Qr(e, t);
+  if (o === null) return null;
+  if (e.type === "textDirective") return [On(o)];
+  if (e.type === "leafDirective") return [Ft(o)];
+  const [n, ...a] = o.split(`
+`), r = a.length ? a[a.length - 1].match(/:{3,}\s*$/) : null;
+  return [Ft(n), ...e.children || [], ...r ? [Ft(r[0])] : []];
+}, Vn = (e, t, o) => {
+  if (!e.children) return;
+  const n = [];
+  for (const a of e.children) {
+    const s = Wr.includes(a.type) && !o.includes(a.name || "") ? Yr(a, t) : null;
+    n.push(...s || [a]);
+  }
+  e.children = n, n.forEach((a) => Vn(a, t, o));
+}, Jr = (e = qr) => (t, o) => {
+  Vn(t, String(o.value ?? ""), e);
+}, jn = 1e4, Kr = F.span`
   margin-left: auto;
   color: var(--md-sys-color-outline);
   user-select: none;
@@ -1300,99 +1299,99 @@ const nr = (e) => e.replace(/\r\n?/g, `
   min-width: 0;
   max-width: fit-content;
 
-  ${An.bodySmall}
-`, dt = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
-  const [a, r] = $(!0), [s, i] = $(/* @__PURE__ */ new Date());
+  ${Cn.bodySmall}
+`, ut = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
+  const [a, r] = L(!0), [s, i] = L(/* @__PURE__ */ new Date());
   if (!e) return null;
-  const l = new Date(e);
-  if (!ct(l)) return null;
+  const c = new Date(e);
+  if (!lt(c)) return null;
   G(() => {
     const b = setInterval(
       () => i(/* @__PURE__ */ new Date()),
-      Ln
+      jn
     );
     return () => clearInterval(b);
   }, []);
-  const m = Ua(l), p = Ba(l, s), g = Ga(l, new Date(s.setDate(s.getDate() - 1))), u = Ha(l, s), h = qa(l, s), v = g ? "" : p ? u ? "E" : "MMM d" : "MMM d yyyy", y = "h:mm a", D = S(() => Dn(l), [l]), _ = S(() => m ? rn(l, `${v}, ${y}`) : rn(l, `EEEE, dd MMM yyyy ${y}`), [l, m]);
-  let C = a && !t ? D : _;
+  const m = Va(c), p = ja(c, s), g = Ua(c, new Date(s.setDate(s.getDate() - 1))), u = za(c, s), h = Ba(c, s), v = g ? "" : p ? u ? "E" : "MMM d" : "MMM d yyyy", y = "h:mm a", D = S(() => Nn(c), [c]), P = S(() => m ? sn(c, `${v}, ${y}`) : sn(c, `EEEE, dd MMM yyyy ${y}`), [c, m]);
+  let C = a && !t ? D : P;
   g && a && !t && (C = `Yesterday${C}`), h && (C = "Just now");
   const f = () => {
     r(!a);
   };
-  return /* @__PURE__ */ c(
-    Wr,
+  return /* @__PURE__ */ l(
+    Kr,
     {
       className: ee("date"),
       ...n,
       onClick: f,
       onMouseOver: () => !o && r(!1),
       onMouseOut: () => !o && r(!0),
-      "data-tooltip": o ? _ : null,
+      "data-tooltip": o ? P : null,
       "data-tooltip-delay": 0,
       children: C
     }
   );
 };
-var De = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(De || {});
-const On = (e) => {
+var Ne = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Ne || {});
+const Un = (e) => {
   switch (e) {
-    case De.REQUEST_CHANGES:
+    case Ne.REQUEST_CHANGES:
       return "requested changes";
-    case De.APPROVE:
+    case Ne.APPROVE:
     default:
       return "approved this";
   }
-}, Qr = (e, t) => {
+}, Xr = (e, t) => {
   switch (e) {
-    case De.REQUEST_CHANGES:
+    case Ne.REQUEST_CHANGES:
       return "Requested changes on " + t;
-    case De.APPROVE:
+    case Ne.APPROVE:
     default:
       return "Approved " + t;
   }
-}, Vn = (e) => {
+}, zn = (e) => {
   switch (e) {
-    case De.REQUEST_CHANGES:
+    case Ne.REQUEST_CHANGES:
       return "refresh";
-    case De.APPROVE:
+    case Ne.APPROVE:
     default:
       return "task_alt";
   }
-}, Yr = ({ lastOwnVersionReview: e }) => {
-  const [t, o] = $(/* @__PURE__ */ new Date());
+}, Zr = ({ lastOwnVersionReview: e }) => {
+  const [t, o] = L(/* @__PURE__ */ new Date());
   G(() => {
-    const r = setInterval(() => o(/* @__PURE__ */ new Date()), Ln);
+    const r = setInterval(() => o(/* @__PURE__ */ new Date()), jn);
     return () => clearInterval(r);
   }, []);
-  const n = S(() => e?.activityData?.feedback, [e]), a = S(() => e?.createdAt ? Dn(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
-  return /* @__PURE__ */ x(Ro, { className: wn(n), children: [
-    /* @__PURE__ */ c(ie, { icon: Vn(n) }),
+  const n = S(() => e?.activityData?.feedback, [e]), a = S(() => e?.createdAt ? Nn(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
+  return /* @__PURE__ */ k(_o, { className: xn(n), children: [
+    /* @__PURE__ */ l(se, { icon: zn(n) }),
     "You last ",
-    On(n),
+    Un(n),
     " ",
     a,
     " ",
     a === "just now" ? "" : "ago"
   ] });
-}, un = (e) => {
+}, mn = (e) => {
   const t = /^(\d+)(?:\s*-\s*(\d+))?$/.exec(e.trim());
   if (!t) return null;
   const o = Number(t[1]), n = t[2] ? Number(t[2]) : o;
   return Number.isSafeInteger(o) && o > 0 && Number.isSafeInteger(n) && n >= o ? { startFrame: o, endFrame: n } : null;
-}, It = (e) => typeof e == "number" && Number.isFinite(e) ? e - 1 : 0, jn = (e, t) => String(e + It(t)), Jr = (e, t) => {
+}, It = (e) => typeof e == "number" && Number.isFinite(e) ? e - 1 : 0, Bn = (e, t) => String(e + It(t)), ei = (e, t) => {
   if (!e) return null;
   const o = e.startFrame - It(t), n = e.endFrame - It(t);
   return o > 0 ? { startFrame: o, endFrame: n } : null;
-}, mn = async (e, t, o, n, a) => {
-  const { data: r } = await Lt.get(`/api/projects/${e}/files/${t}`, {
+}, pn = async (e, t, o, n, a) => {
+  const { data: r } = await $t.get(`/api/projects/${e}/files/${t}`, {
     responseType: "blob"
   }), s = new File([r], o, { type: n || r.type });
   return We(s, e, a);
-}, pn = (e, t) => `/api/projects/${e}/files/${t}`, gn = (e, t) => !!e && Rt(t).has(e), Xr = [
+}, gn = (e, t) => `/api/projects/${e}/files/${t}`, hn = (e, t) => !!e && Rt(t).has(e), ti = [
   { trigger: "@", icon: "person", tooltip: "Mention user" },
   { trigger: "@@", icon: "layers", tooltip: "Mention version" },
   { trigger: "@@@", icon: "check_circle", tooltip: "Mention task" }
-], zn = ({
+], Gn = ({
   initValue: e,
   initFiles: t = [],
   annotationFrameStart: o,
@@ -1401,7 +1400,7 @@ const On = (e) => {
   activityId: r,
   versionReview: s,
   lastOwnVersionReview: i,
-  onSubmit: l,
+  onSubmit: c,
   onReview: m,
   duplicate: p,
   onDuplicateHandled: g,
@@ -1410,7 +1409,7 @@ const On = (e) => {
   isLoading: v,
   isOpen: y,
   onOpen: D,
-  onClose: _,
+  onClose: P,
   saveDraft: C = !0
 }) => {
   const {
@@ -1418,60 +1417,60 @@ const On = (e) => {
     entities: b,
     projectInfo: T,
     feedFilter: I,
-    mentionSuggestionsData: P,
+    mentionSuggestionsData: _,
     categories: R,
     isGuest: E,
     userName: N,
     editingId: Q
-  } = Le(), { hasLicense: Y, onPowerFeature: H, user: J, openSlideOut: q, commentFrameLink: L } = Ue(), te = J?.data?.isAdmin, oe = ja(), [, W] = Sn(), [j, de] = $(e || ""), [se, ne] = $(
+  } = $e(), { hasLicense: Y, onPowerFeature: H, user: J, openSlideOut: q, commentFrameLink: $ } = ze(), te = J?.data?.isAdmin, oe = $a(), [, W] = In(), [U, de] = L(e || ""), [ae, ne] = L(
     () => t.map(
-      (d) => gn(d.id, e || "") ? { ...d, isInline: !0 } : d
+      (d) => hn(d.id, e || "") ? { ...d, isInline: !0 } : d
     )
-  ), [ut, we] = $(0), xe = ve(/* @__PURE__ */ new Map()), [Ce, ge] = $([]), [Ee, X] = $(!1), [Ne, Oe] = $(!1), [Me, Te] = $([]), [Qe, Ve] = $([]), { annotations: be, removeAnnotation: Be, goToAnnotation: Ge } = Mr({
+  ), [Qe, we] = L(0), xe = ge(/* @__PURE__ */ new Map()), [ke, he] = L([]), [Me, K] = L(!1), [Te, Oe] = L(!1), [Se, De] = L([]), [Ye, Ve] = L([]), { annotations: fe, removeAnnotation: Be, goToAnnotation: Ge } = Er({
     entityId: b[0]?.id,
-    filesUploading: Ce
-  }), ae = b.length === 1 && b[0].entityType === "version" ? b[0] : void 0, Ye = L?.draft && L.draft.entityId === ae?.id ? L.draft : null, [_e, He] = $(
+    filesUploading: ke
+  }), re = b.length === 1 && b[0].entityType === "version" ? b[0] : void 0, Je = $?.draft && $.draft.entityId === re?.id ? $.draft : null, [Pe, He] = L(
     () => u && Number.isSafeInteger(a?.startFrame) && a.startFrame > 0 ? {
       startFrame: a.startFrame,
       endFrame: Number.isSafeInteger(a.endFrame) && a.endFrame >= a.startFrame ? a.endFrame : a.startFrame
     } : null
-  ), Pe = (d) => He(d && { ...d, entityId: ae?.id }), je = u || _e?.entityId === ae?.id ? _e : null, [ke, Re] = $(!1), w = u ? je : je ?? Ye, M = u ? !!ae || !!je : !!L && !!ae, O = L?.formatFrame, K = O ?? ((d) => jn(d, o)), ue = (d) => O ? un(d) : Jr(un(d), o), F = w ? w.endFrame > w.startFrame ? `${K(w.startFrame)}-${K(w.endFrame)}` : K(w.startFrame) : void 0, [me, he] = $(F ?? ""), Se = ve(!1), Ie = ve(null), $e = (d) => {
-    if (!ae) return;
-    const k = d ? { ...d, entityId: ae.id } : null;
+  ), _e = (d) => He(d && { ...d, entityId: re?.id }), je = u || Pe?.entityId === re?.id ? Pe : null, [Ae, Re] = L(!1), w = u ? je : je ?? Je, M = u ? !!re || !!je : !!$ && !!re, O = $?.formatFrame, X = O ?? ((d) => Bn(d, o)), ue = (d) => O ? mn(d) : ei(mn(d), o), A = w ? w.endFrame > w.startFrame ? `${X(w.startFrame)}-${X(w.endFrame)}` : X(w.startFrame) : void 0, [me, ye] = L(A ?? ""), Ie = ge(!1), Ee = ge(null), Le = (d) => {
+    if (!re) return;
+    const x = d ? { ...d, entityId: re.id } : null;
     if (!u) {
-      L?.setDraft(k);
+      $?.setDraft(x);
       return;
     }
-    r && L?.setEditPreview({
+    r && $?.setEditPreview({
       activityId: r,
-      link: k
+      link: x
     });
-  }, Je = (d) => {
-    he(d);
-    const k = ue(d);
-    k && $e(k);
+  }, Ke = (d) => {
+    ye(d);
+    const x = ue(d);
+    x && Le(x);
   };
   G(() => {
-    ke || he(F ?? "");
-  }, [F, ke]), G(
+    Ae || ye(A ?? "");
+  }, [A, Ae]), G(
     () => () => {
-      u && L?.setEditPreview(null);
+      u && $?.setEditPreview(null);
     },
-    [u, L?.setEditPreview]
+    [u, $?.setEditPreview]
   );
   const Xe = () => {
-    if (Se.current) {
-      Se.current = !1, he(F ?? ""), $e(Ie.current), Re(!1);
+    if (Ie.current) {
+      Ie.current = !1, ye(A ?? ""), Le(Ee.current), Re(!1);
       return;
     }
     const d = ue(me);
-    d ? (Pe(d), $e(d)) : (he(F ?? ""), $e(Ie.current)), Re(!1);
+    d ? (_e(d), Le(d)) : (ye(A ?? ""), Le(Ee.current)), Re(!1);
   }, mt = () => {
-    Pe(null), u ? $e(null) : L?.unlink();
-  }, Ke = () => {
-    !u && L && ae ? L.link(ae.id) : (he(""), Re(!0));
-  }, Ze = () => w ? mt() : Ke(), vt = S(() => {
-    if (!M || !u && !L || !ae) return;
+    _e(null), u ? Le(null) : $?.unlink();
+  }, Ze = () => {
+    !u && $ && re ? $.link(re.id) : (ye(""), Re(!0));
+  }, et = () => w ? mt() : Ze(), bt = S(() => {
+    if (!M || !u && !$ || !re) return;
     const d = ["frame", "time", "timecode", "link", "range"];
     return [
       w ? {
@@ -1479,245 +1478,245 @@ const On = (e) => {
         label: "Remove frame link",
         icon: "timer_off",
         keywords: [...d, "unlink", "remove"],
-        hint: F,
+        hint: A,
         run: mt
       } : {
         id: "frame-link",
         label: u ? "Add frame link" : "Link to current frame",
         icon: "timer",
         keywords: d,
-        run: Ke
+        run: Ze
       }
     ];
-  }, [M, u, L, ae?.id, !!w, F]), [et, Ot] = $(n);
-  Or({
+  }, [M, u, $, re?.id, !!w, A]), [tt, Ot] = L(n);
+  $r({
     draftKey: C && !u ? Lr(
       f,
       N,
       b.map((d) => d.id)
     ) : null,
-    draft: { text: j, files: se, uploadedAnnotations: Me, category: et },
-    paused: Ne,
+    draft: { text: U, files: ae, uploadedAnnotations: Se, category: tt },
+    paused: Te,
     restore: (d) => {
-      de(d.text), ne(d.files), Te(d.uploadedAnnotations), Ot(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !y && !Q && D?.();
+      de(d.text), ne(d.files), De(d.uploadedAnnotations), Ot(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !y && !Q && D?.();
     }
   });
-  const Vt = R.filter((d) => d.accessLevel >= 20), jt = R.find((d) => d.name === et), zt = _n(jt?.color), tt = ve(null), Ut = ve(null), bt = !!j.trim(), Bt = !!I?.conditions?.some(
+  const Vt = R.filter((d) => d.accessLevel >= 20), jt = R.find((d) => d.name === tt), Ut = _n(jt?.color), nt = ge(null), zt = ge(null), Bt = ge(null), pt = !!U.trim(), Zn = !pt && !ae.length && !ke.length && !Qe && !Se.length && !fe.length && !Te, Gt = !!I?.conditions?.some(
     (d) => "key" in d && d.key === "checklists" && d.value === !0
   );
   G(() => {
-    if (!y || u || !Bt) return;
-    const d = tt.current;
+    if (!y || u || !Gt) return;
+    const d = nt.current;
     !d || !d.isEmpty() || d.getEditor().update(() => {
-      const k = ko(!1);
-      Ao().clear().append(Fo("check").append(k)), k.select();
+      const x = Fo(!1);
+      To().clear().append(Co("check").append(x)), x.select();
     });
-  }, [y, u, Bt]);
-  const Gt = b[0]?.entityType, Ht = oe?.productTypes, Kn = S(
+  }, [y, u, Gt]);
+  const Ht = b[0]?.entityType, qt = oe?.productTypes, eo = S(
     () => E ? void 0 : {
-      ...$o({
-        suggestions: P,
-        project: { productTypes: Ht },
+      ...Ro({
+        suggestions: _,
+        project: { productTypes: qt },
         taskTypes: T?.taskTypes,
-        entityType: Gt
+        entityType: Ht
       }),
       // keep the picker short
       limit: 5
     },
-    [E, P, Ht, T?.taskTypes, Gt]
-  ), Zn = ({ type: d, id: k }) => {
-    d === "user" || d === "team" || q({ entityId: k, entityType: d, projectName: f });
-  }, eo = ({ type: d, id: k, label: z }, V) => {
-    const { x: U, y: ce, width: le } = V.getBoundingClientRect();
-    W({ id: k, name: k, type: d, label: z, pos: { left: U + le / 2, top: ce } });
-  }, [to, wt] = $(!1);
+    [E, _, qt, T?.taskTypes, Ht]
+  ), to = ({ type: d, id: x }) => {
+    d === "user" || d === "team" || q({ entityId: x, entityType: d, projectName: f });
+  }, no = ({ type: d, id: x, label: V }, j) => {
+    const { x: z, y: ce, width: le } = j.getBoundingClientRect();
+    W({ id: x, name: x, type: d, label: V, pos: { left: z + le / 2, top: ce } });
+  }, [oo, wt] = L(!1);
   G(() => {
     y || wt(!1);
   }, [y]);
-  const no = () => {
+  const ao = () => {
     y || h || (wt(!0), D && D());
-  }, qt = () => {
-    u && L?.setEditPreview(null), (!bt || u) && de(""), _ && _();
-  }, nt = ({ file: d, data: k }, z = !1) => {
-    const V = ye(d.name), U = {
-      id: k.id,
-      name: V,
+  }, Wt = () => {
+    u && $?.setEditPreview(null), (!pt || u) && de(""), P && P(), Bt.current?.closest("#viewer-dialog")?.focus();
+  }, ot = ({ file: d, data: x }, V = !1) => {
+    const j = be(d.name), z = {
+      id: x.id,
+      name: j,
       mime: d.type,
       size: d.size,
-      order: se.length,
-      isAnnotationLayer: z
+      order: ae.length,
+      isAnnotationLayer: V
     };
-    return ne((ce) => [...ce, U]), ge(
-      (ce) => ce.filter((le) => ye(le.name) !== V)
-    ), U;
-  }, oo = (d, k, z) => {
-    z ? Be?.(d) : (ne((V) => V.filter((U) => U.id !== d)), ge((V) => V.filter((U) => ye(U.name) !== ye(k))));
-  }, ot = (d, k) => {
-    const z = Math.round(d.loaded * 100 / d.total);
-    if (z !== 100) {
-      const V = ye(k.name);
-      ge((U) => {
-        const ce = U.find((B) => ye(B.name) === V), le = U.filter((B) => ye(B.name) !== V), ze = {
-          name: V,
-          progress: z,
-          type: k.type,
-          order: ce?.order ?? se.length + U.length
+    return ne((ce) => [...ce, z]), he(
+      (ce) => ce.filter((le) => be(le.name) !== j)
+    ), z;
+  }, ro = (d, x, V) => {
+    V ? Be?.(d) : (ne((j) => j.filter((z) => z.id !== d)), he((j) => j.filter((z) => be(z.name) !== be(x))));
+  }, at = (d, x) => {
+    const V = Math.round(d.loaded * 100 / d.total);
+    if (V !== 100) {
+      const j = be(x.name);
+      he((z) => {
+        const ce = z.find((B) => be(B.name) === j), le = z.filter((B) => be(B.name) !== j), Ue = {
+          name: j,
+          progress: V,
+          type: x.type,
+          order: ce?.order ?? ae.length + z.length
         };
-        return [...le, ze];
+        return [...le, Ue];
       });
     }
-  }, pt = (d) => {
-    ge((k) => k.filter((z) => z.name !== ye(d)));
-  }, Wt = (d) => {
-    for (const k of d) {
-      const z = We(k, f, ot);
-      xe.current.set(k, z), z.then(
-        (V) => nt(V),
-        (V) => {
-          pt(k.name), Fe.error(V.message), console.warn(V);
+  }, gt = (d) => {
+    he((x) => x.filter((V) => V.name !== be(d)));
+  }, Qt = (d) => {
+    for (const x of d) {
+      const V = We(x, f, at);
+      xe.current.set(x, V), V.then(
+        (j) => ot(j),
+        (j) => {
+          gt(x.name), Fe.error(j.message), console.warn(j);
         }
       );
     }
-  }, ao = async (d) => {
-    we((k) => k + 1);
+  }, io = async (d) => {
+    we((x) => x + 1);
     try {
-      const k = xe.current.get(d);
-      if (k) {
-        const { data: U } = await k;
-        return ne((ce) => ce.map((le) => le.id === U.id ? { ...le, isInline: !0 } : le)), {
-          src: pn(f, U.id),
-          name: ye(d.name),
+      const x = xe.current.get(d);
+      if (x) {
+        const { data: z } = await x;
+        return ne((ce) => ce.map((le) => le.id === z.id ? { ...le, isInline: !0 } : le)), {
+          src: gn(f, z.id),
+          name: be(d.name),
           mime: d.type
         };
       }
-      const { data: z } = await We(d, f, void 0), V = ye(d.name);
-      return ne((U) => [
-        ...U,
-        { id: z.id, name: V, mime: d.type, size: d.size, order: U.length, isInline: !0 }
-      ]), { src: pn(f, z.id), name: V, mime: d.type };
-    } catch (k) {
-      throw xe.current.has(d) || Fe.error(k?.message || "Upload failed"), k;
+      const { data: V } = await We(d, f, void 0), j = be(d.name);
+      return ne((z) => [
+        ...z,
+        { id: V.id, name: j, mime: d.type, size: d.size, order: z.length, isInline: !0 }
+      ]), { src: gn(f, V.id), name: j, mime: d.type };
+    } catch (x) {
+      throw xe.current.has(d) || Fe.error(x?.message || "Upload failed"), x;
     } finally {
-      we((k) => k - 1);
+      we((x) => x - 1);
     }
-  }, ro = (d) => {
-    X(!1), !d.defaultPrevented && Ir(
+  }, so = (d) => {
+    K(!1), !d.defaultPrevented && Sr(
       d,
       f,
+      at,
       ot,
-      nt,
-      (k) => pt(k.name)
+      (x) => gt(x.name)
     );
-  }, io = (d) => {
-    d.preventDefault(), d.stopPropagation(), X(!0);
-  }, Qt = ve(null), so = async ({ activity: d }) => {
-    const k = ft(d);
-    k && k.entityId === ae?.id && (Pe({ startFrame: k.startFrame, endFrame: k.endFrame }), L?.setDraft(k));
-    const z = Nn(d.body || ""), V = d.files || [], U = Rt(z), ce = b.length === 1 && b[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
-      const pe = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), re = `[Source](${Zo(d.activityId, pe)})`, Z = [B.trim(), re].filter(Boolean).join(`
+  }, co = (d) => {
+    d.preventDefault(), d.stopPropagation(), K(!0);
+  }, Yt = ge(null), lo = async ({ activity: d }) => {
+    const x = yt(d);
+    x && x.entityId === re?.id && (_e({ startFrame: x.startFrame, endFrame: x.endFrame }), $?.setDraft(x));
+    const V = Sn(d.body || ""), j = d.files || [], z = Rt(V), ce = b.length === 1 && b[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
+      const pe = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), ie = `[Source](${Xo(d.activityId, pe)})`, Z = [B.trim(), ie].filter(Boolean).join(`
 
 `);
-      de((fe) => fe.trim() ? `${fe.trim()}
+      de((ve) => ve.trim() ? `${ve.trim()}
 
-${Z}` : Z), tt.current?.focus();
-    }, ze = async (B) => {
-      const pe = U.has(B.id);
+${Z}` : Z), nt.current?.focus();
+    }, Ue = async (B) => {
+      const pe = z.has(B.id);
       try {
-        const re = await mn(
+        const ie = await pn(
           f,
           B.id,
           B.name,
           B.mime,
-          pe ? void 0 : ot
+          pe ? void 0 : at
         );
         if (pe) {
-          const { file: fe, data: at } = re, gt = ye(fe.name);
-          ne((Kt) => [
-            ...Kt,
-            { id: at.id, name: gt, mime: fe.type, size: fe.size, order: Kt.length, isInline: pe }
+          const { file: ve, data: rt } = ie, ht = be(ve.name);
+          ne((Zt) => [
+            ...Zt,
+            { id: rt.id, name: ht, mime: ve.type, size: ve.size, order: Zt.length, isInline: pe }
           ]);
-        } else nt(re);
+        } else ot(ie);
         const Z = B.annotation;
         if (Z && ce) {
-          const fe = await mn(
+          const ve = await pn(
             f,
             Z.transparent,
             `annotation-${B.name}`,
             "image/png"
           );
-          nt(fe, !0), Te((at) => [
-            ...at,
+          ot(ve, !0), De((rt) => [
+            ...rt,
             {
               ...Z,
-              id: `${Z.id}-${bn()}`,
-              composite: re.data.id,
-              transparent: fe.data.id
+              id: `${Z.id}-${wn()}`,
+              composite: ie.data.id,
+              transparent: ve.data.id
             }
           ]);
         }
-        return [B.id, re.data.id];
-      } catch (re) {
-        return pt(B.name), Fe.error(`Could not copy ${B.name}`), console.warn(re), null;
+        return [B.id, ie.data.id];
+      } catch (ie) {
+        return gt(B.name), Fe.error(`Could not copy ${B.name}`), console.warn(ie), null;
       }
     };
     we((B) => B + 1);
     try {
-      const B = V.filter((Z) => U.has(Z.id)), pe = V.filter((Z) => !U.has(Z.id)), re = Promise.all(pe.map(ze));
+      const B = j.filter((Z) => z.has(Z.id)), pe = j.filter((Z) => !z.has(Z.id)), ie = Promise.all(pe.map(Ue));
       if (B.length) {
         const Z = new Map(
-          (await Promise.all(B.map(ze))).filter(
-            (fe) => !!fe
+          (await Promise.all(B.map(Ue))).filter(
+            (ve) => !!ve
           )
         );
         le(
-          z.replace(
+          V.replace(
             /(\/api\/projects\/[^/]+\/files\/)([\w-]+)/g,
-            (fe, at, gt) => Z.has(gt) ? at + Z.get(gt) : fe
+            (ve, rt, ht) => Z.has(ht) ? rt + Z.get(ht) : ve
           )
         );
-      } else le(z);
-      await re;
+      } else le(V);
+      await ie;
     } finally {
       we((B) => B - 1);
     }
   };
   G(() => {
-    !p || Qt.current === p.key || (Qt.current = p.key, wt(!0), g?.(), so(p));
+    !p || Yt.current === p.key || (Yt.current = p.key, wt(!0), g?.(), lo(p));
   }, [p?.key]);
-  const co = _r({
+  const uo = Mr({
     projectName: f,
-    onSuccess: nt,
-    onProgress: ot,
+    onSuccess: ot,
+    onProgress: at,
     // seed progress so the card switches to uploading before the export finishes
-    onStart: (d) => ot({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
-    onError: (d) => pt(d.name)
-  }), lo = Ce.length > 0 || ut > 0, xt = Ne || lo, kt = async () => {
+    onStart: (d) => at({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
+    onError: (d) => gt(d.name)
+  }), mo = ke.length > 0 || Qe > 0, xt = Te || mo, kt = async () => {
     if (!xt)
       try {
         Oe(!0);
-        let d = [], k = Me, z = [];
-        if (be.length) {
-          Ve(be.map((Z) => Z.id));
-          const { files: pe, metadata: re } = await co(be);
-          d = pe, k = [...k, ...re], z = re.map((Z) => Z.id), Ve(z);
+        let d = [], x = Se, V = [];
+        if (fe.length) {
+          Ve(fe.map((Z) => Z.id));
+          const { files: pe, metadata: ie } = await uo(fe);
+          d = pe, x = [...x, ...ie], V = ie.map((Z) => Z.id), Ve(V);
         }
-        const { annotations: V = [] } = a || {}, U = k.length ? [...V, ...k] : void 0, ce = Tr(tt.current?.getMarkdown() ?? j), le = se.filter((pe) => !pe.isInline || gn(pe.id, ce)), ze = [...le, ...d], B = {
+        const { annotations: j = [] } = a || {}, z = x.length ? [...j, ...x] : void 0, ce = Cr(nt.current?.getMarkdown() ?? U), le = ae.filter((pe) => !pe.isInline || hn(pe.id, ce)), Ue = [...le, ...d], B = {
           ...a,
-          annotations: U,
+          annotations: z,
           // could be undefined
-          category: E ? null : et,
+          category: E ? null : tt,
           // guests cannot set category (it is done by default on backend)
           // one frame link per comment, stored as metadata rather than in the text
           startFrame: w?.startFrame ?? void 0,
           endFrame: w?.endFrame ?? void 0
         };
-        if ((ce || ze.length) && l) {
-          const pe = j;
+        if ((ce || Ue.length) && c) {
+          const pe = U;
           de(""), ne([]);
           try {
-            await l(ce, ze, B), z.forEach((re) => Be?.(re)), u && L?.setEditPreview(null), Te([]), !u && w && L?.unlink(), u || Pe(null);
+            await c(ce, Ue, B), V.forEach((ie) => Be?.(ie)), u && $?.setEditPreview(null), De([]), !u && w && $?.unlink(), u || _e(null);
           } catch {
-            de(pe), ne(le), Te(Me);
+            de(pe), ne(le), De(Se);
             return;
           }
         }
@@ -1726,109 +1725,113 @@ ${Z}` : Z), tt.current?.focus();
       } finally {
         Ve([]), Oe(!1);
       }
-  }, Yt = [
-    ...be.filter((d) => !Qe.includes(d.id)),
-    ...(se || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
-    ...Ce
-  ].sort((d, k) => d.order - k.order), uo = Yt.length > 3, Jt = (d) => h ? E ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : E || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", Xt = async (d) => {
+  }, Jt = [
+    ...fe.filter((d) => !Ye.includes(d.id)),
+    ...(ae || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
+    ...ke
+  ].sort((d, x) => d.order - x.order), po = Jt.length > 3, Kt = (d) => h ? E ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : E || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", Xt = async (d) => {
     if (m)
       try {
-        (bt || se.length > 0 || be.length > 0) && await kt(), m(d);
-      } catch (k) {
-        console.error(k), Fe.error("Something went wrong while submitting the review");
+        (pt || ae.length > 0 || fe.length > 0) && await kt(), m(d);
+      } catch (x) {
+        console.error(x), Fe.error("Something went wrong while submitting the review");
       }
-  }, mo = s && m && !h && /* @__PURE__ */ x(Lo, { className: ee("version-review-buttons", { guest: E }), children: [
-    /* @__PURE__ */ c(
-      tn,
+  }, go = s && m && !h && /* @__PURE__ */ k(Lo, { className: ee("version-review-buttons", { guest: E }), children: [
+    /* @__PURE__ */ l(
+      nn,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => Xt(De.APPROVE),
-        children: /* @__PURE__ */ c("span", { className: "label", children: "Approve" })
+        onClick: () => Xt(Ne.APPROVE),
+        children: /* @__PURE__ */ l("span", { className: "label", children: "Approve" })
       }
     ),
-    /* @__PURE__ */ c(
-      tn,
+    /* @__PURE__ */ l(
+      nn,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => Xt(De.REQUEST_CHANGES),
-        children: /* @__PURE__ */ c("span", { className: "label", children: "Request changes" })
+        onClick: () => Xt(Ne.REQUEST_CHANGES),
+        children: /* @__PURE__ */ l("span", { className: "label", children: "Request changes" })
       }
     )
-  ] }), Ft = !E && /* @__PURE__ */ c(
-    Hr,
+  ] }), At = !E && /* @__PURE__ */ l(
+    Gr,
     {
-      value: et,
+      value: tt,
       categories: Vt,
       onChange: (d) => Ot(d),
       isCompact: u,
       hasPowerpack: Y,
       onPowerFeature: H,
-      isHidden: qr(Vt, { isGuest: E, isAdmin: te })
+      isHidden: Hr(Vt, { isGuest: E, isAdmin: te })
     }
-  ), po = /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ c(
-      st,
+  ), ho = /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ l(
+      ct,
       {
         icon: "attach_file",
         variant: "text",
         className: "md-toolbar-button",
         "data-tooltip": "Attach files",
         onMouseDown: (d) => d.preventDefault(),
-        onClick: () => Ut.current?.click()
+        onClick: () => zt.current?.click()
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "input",
       {
-        ref: Ut,
+        ref: zt,
         type: "file",
         multiple: !0,
         hidden: !0,
         onChange: (d) => {
-          Wt(Array.from(d.target.files || [])), d.target.value = "";
+          Qt(Array.from(d.target.files || [])), d.target.value = "";
         }
       }
     )
-  ] }), go = u || to, ho = `calc(${Math.max((ke ? me || "Frame or range" : F || "").length, 1) + 2}ch + 16px)`;
-  return /* @__PURE__ */ c(Ae, { children: /* @__PURE__ */ x(
-    Oo,
+  ] }), fo = u || oo, yo = `calc(${Math.max((Ae ? me || "Frame or range" : A || "").length, 1) + 2}ch + 16px)`;
+  return /* @__PURE__ */ l(Ce, { children: /* @__PURE__ */ k(
+    $o,
     {
+      ref: Bt,
       className: ee("comment-container", "md-mention-anchor", { isOpen: y, isEditing: u }),
-      onDragOver: io,
-      onDragLeave: () => X(!1),
-      onDrop: ro,
-      onClick: () => X(!1),
-      onKeyDown: (d) => d.stopPropagation(),
+      onDragOver: co,
+      onDragLeave: () => K(!1),
+      onDrop: so,
+      onClick: () => K(!1),
+      onKeyDown: (d) => {
+        const x = d.key === "ArrowUp" || d.key === "ArrowDown", V = d.target.isContentEditable;
+        x && V && Zn && !u || d.stopPropagation();
+      },
       children: [
-        s && i && /* @__PURE__ */ c(Yr, { lastOwnVersionReview: i }),
-        /* @__PURE__ */ x(
-          Vo,
+        s && i && /* @__PURE__ */ l(Zr, { lastOwnVersionReview: i }),
+        /* @__PURE__ */ k(
+          Oo,
           {
             className: ee("block-shortcuts", {
               isOpen: y,
               isClosed: !y || h,
               isEditing: u,
-              isDropping: Ee,
+              isDropping: Me,
               disabled: h,
               isLoading: v,
-              isSubmitting: Ne,
-              category: !!et && !E
+              isSubmitting: Te,
+              category: !!tt && !E
             }),
-            onClick: no,
+            onClick: ao,
             $categoryPrimary: jt?.color,
-            $categoryTertiary: zt.primary,
-            $categorySecondary: zt.secondary,
+            $categoryTertiary: Ut.primary,
+            $categorySecondary: Ut.secondary,
             children: [
-              y && /* @__PURE__ */ c(
-                Mn,
+              y && /* @__PURE__ */ l(
+                Pn,
                 {
-                  files: Yt,
-                  isCompact: uo || u,
-                  onRemove: oo,
+                  files: Jt,
+                  isCompact: po || u,
+                  onRemove: ro,
                   projectName: f,
                   onAnnotationClick: Ge,
                   style: {
@@ -1846,109 +1849,109 @@ ${Z}` : Z), tt.current?.focus();
                   }
                 }
               ),
-              y && !h ? /* @__PURE__ */ x(Ae, { children: [
-                u && Ft && /* @__PURE__ */ c(jo, { children: Ft }),
-                /* @__PURE__ */ c(
-                  zo,
+              y && !h ? /* @__PURE__ */ k(Ce, { children: [
+                u && At && /* @__PURE__ */ l(Vo, { children: At }),
+                /* @__PURE__ */ l(
+                  jo,
                   {
-                    ref: tt,
+                    ref: nt,
                     className: "comment-editor",
-                    value: j,
+                    value: U,
                     onChange: de,
-                    placeholder: Jt(!0),
-                    mentions: Kn,
+                    placeholder: Kt(!0),
+                    mentions: eo,
                     mentionPlacement: u ? "inline" : "top",
-                    onMentionClick: Zn,
-                    onMentionHover: eo,
+                    onMentionClick: to,
+                    onMentionHover: no,
                     onSubmit: kt,
-                    onEscape: qt,
-                    onFiles: Wt,
-                    onUploadMedia: ao,
-                    commands: vt,
+                    onEscape: Wt,
+                    onFiles: Qt,
+                    onUploadMedia: io,
+                    commands: bt,
                     toolbar: !u,
                     floatingToolbar: u,
-                    toolbarStart: Ft,
-                    toolbarEnd: /* @__PURE__ */ x(Ae, { children: [
-                      /* @__PURE__ */ c(Uo, {}),
-                      po
+                    toolbarStart: At,
+                    toolbarEnd: /* @__PURE__ */ k(Ce, { children: [
+                      /* @__PURE__ */ l(Uo, {}),
+                      ho
                     ] }),
                     bordered: !1,
-                    autoFocus: go,
+                    autoFocus: fo,
                     minHeight: u ? 40 : 88,
                     maxHeight: 259
                   }
                 )
-              ] }) : /* @__PURE__ */ c(Bo, { children: Jt() }),
-              /* @__PURE__ */ x(Go, { children: [
-                (!E || M) && /* @__PURE__ */ x(Ho, { children: [
-                  !E && Xr.map(({ trigger: d, icon: k, tooltip: z }) => /* @__PURE__ */ c(
-                    st,
+              ] }) : /* @__PURE__ */ l(zo, { children: Kt() }),
+              /* @__PURE__ */ k(Bo, { children: [
+                (!E || M) && /* @__PURE__ */ k(Go, { children: [
+                  !E && ti.map(({ trigger: d, icon: x, tooltip: V }) => /* @__PURE__ */ l(
+                    ct,
                     {
-                      icon: k,
+                      icon: x,
                       variant: "text",
-                      onMouseDown: (V) => V.preventDefault(),
-                      onClick: () => tt.current?.insertMentionTrigger(d),
-                      "data-tooltip": z,
+                      onMouseDown: (j) => j.preventDefault(),
+                      onClick: () => nt.current?.insertMentionTrigger(d),
+                      "data-tooltip": V,
                       "data-shortcut": d
                     },
                     d
                   )),
-                  M && /* @__PURE__ */ x(
-                    qo,
+                  M && /* @__PURE__ */ k(
+                    Ho,
                     {
-                      className: ee("frame-link", { selected: !!w || ke }),
+                      className: ee("frame-link", { selected: !!w || Ae }),
                       children: [
-                        /* @__PURE__ */ c(
-                          Wo,
+                        /* @__PURE__ */ l(
+                          qo,
                           {
                             icon: "timer",
                             variant: "text",
-                            onClick: Ze,
+                            onClick: et,
                             "aria-label": w ? "Remove frame link" : "Add frame link",
                             "data-tooltip": w ? "Remove frame link" : u ? "Add frame link" : "Link to current frame",
                             "data-testid": "comment-frame-link"
                           }
                         ),
-                        (w || ke) && (ke ? /* @__PURE__ */ c(
-                          Qo,
+                        (w || Ae) && (Ae ? /* @__PURE__ */ l(
+                          Wo,
                           {
                             autoFocus: !0,
                             "aria-label": "Linked frame or range",
                             value: me,
                             placeholder: "Frame",
                             onFocus: (d) => {
-                              Ie.current = w, d.currentTarget.select();
+                              Ee.current = w, d.currentTarget.select();
                             },
-                            onChange: (d) => Je(d.target.value),
+                            onChange: (d) => Ke(d.target.value),
                             onBlur: Xe,
-                            style: { width: ho },
+                            style: { width: yo },
                             onKeyDown: (d) => {
-                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (Se.current = !0, d.currentTarget.blur());
+                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (Ie.current = !0, d.currentTarget.blur());
                             },
                             "data-testid": "comment-frame-link-input"
                           }
-                        ) : /* @__PURE__ */ c(
-                          Yo,
+                        ) : /* @__PURE__ */ l(
+                          Qo,
                           {
                             variant: "text",
-                            "aria-label": `Edit linked frame ${F ?? ""}`,
+                            "aria-label": `Edit linked frame ${A ?? ""}`,
                             onClick: () => Re(!0),
                             "data-tooltip": "Edit linked frame or range",
-                            children: F || "Frame or range"
+                            children: A || "Frame or range"
                           }
                         ))
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ x(Jo, { children: [
-                  u && /* @__PURE__ */ c(st, { variant: "text", onClick: qt, children: "Cancel" }),
-                  /* @__PURE__ */ c(
-                    No,
+                /* @__PURE__ */ k(Yo, { children: [
+                  u && /* @__PURE__ */ l(ct, { variant: "text", onClick: Wt, children: "Cancel" }),
+                  /* @__PURE__ */ l(
+                    Io,
                     {
                       label: u ? "Save" : "Comment",
                       className: "comment",
-                      active: bt || !!se.length,
+                      active: pt || !!ae.length,
                       onClick: kt,
                       disabled: v || xt,
                       saving: xt
@@ -1956,21 +1959,21 @@ ${Z}` : Z), tt.current?.focus();
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ c(Xo, { className: ee({ show: Ee && y }), children: /* @__PURE__ */ c(ie, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ l(Jo, { className: ee({ show: Me && y }), children: /* @__PURE__ */ l(se, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ c(Ko, {}),
-        mo
+        /* @__PURE__ */ l(Ko, {}),
+        go
       ]
     }
   ) });
-}, Kr = (e, t, o) => e && $t`
+}, ni = (e, t, o) => e && Lt`
     --reaction-border-color: ${e};
     --reaction-active-bg: ${t};
     --reaction-hover-bg: ${t};
     --reaction-active-border: ${e};
-  `, Zr = A.div`
+  `, oi = F.div`
   /* VARS */
   --reaction-border-color: var(--md-sys-color-outline-variant);
   --reaction-hover-bg: var(--md-sys-color-surface-container-high-hover);
@@ -1983,7 +1986,7 @@ ${Z}` : Z), tt.current?.focus();
   --reaction-compact-active-hover-bg: var(--md-sys-color-primary-container-hover);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => Kr(e, t)}
+  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => ni(e, t)}
 
   display: flex;
   justify-content: center;
@@ -2034,23 +2037,23 @@ ${Z}` : Z), tt.current?.focus();
     position: relative;
     height: 19px;
   }
-`, ei = A.div`
+`, ai = F.div`
   outline: 'solid 1px red';
   display: flex;
   gap: 8px;
-`, ti = A.div`
+`, ri = F.div`
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 55;
-`, ni = A.div`
+`, ii = F.div`
   /* VARS */
   --panel-bg: var(--md-sys-color-surface-container-high);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && $t`
+  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Lt`
       --panel-bg: ${t};
     `}
 
@@ -2066,14 +2069,14 @@ ${Z}` : Z), tt.current?.focus();
   padding: 4px;
   border-radius: 4px;
   box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
-`, oi = A.div`
+`, si = F.div`
   /* VARS */
   --opener-bg: var(--md-sys-color-surface-container-high);
   --opener-hover-bg: var(--md-sys-color-surface-container-high-hover);
   --opener-color: var(--md-sys-color-outline);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && $t`
+  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Lt`
       --opener-bg: ${t};
       --opener-hover-bg: ${t};
       --opener-color: ${e};
@@ -2096,17 +2099,17 @@ ${Z}` : Z), tt.current?.focus();
       filter: ${({ $categoryPrimary: e }) => e ? "brightness(1.2)" : "none"};
     }
   }
-`, ai = A.div`
+`, ci = F.div`
   display: flex;
   gap: 8px;
   position: relative;
-`, ri = [
+`, li = [
   { key: "thumb_up", value: "👍" },
   { key: "thumb_down", value: "👎" },
   { key: "heart_plus", value: "❤" },
   { key: "celebration", value: "🎉" },
   { key: "notes", value: "📝" }
-], ii = {
+], di = {
   thumb_up: "👍",
   thumb_down: "👎",
   heart_plus: "❤️",
@@ -2118,9 +2121,9 @@ ${Z}` : Z), tt.current?.focus();
   "heart_plus",
   "celebration",
   "notes"
-], si = (e) => [...e].sort(
+], ui = (e) => [...e].sort(
   (o, n) => Et.indexOf(o.type) - Et.indexOf(n.type)
-), Un = ({
+), Hn = ({
   reaction: e,
   variant: t = "standard",
   onClick: o,
@@ -2129,8 +2132,8 @@ ${Z}` : Z), tt.current?.focus();
   categoryTertiary: r
 }) => {
   const s = e.users?.join(", ") || void 0;
-  return /* @__PURE__ */ x(
-    Zr,
+  return /* @__PURE__ */ k(
+    oi,
     {
       className: ee(t, { active: e.isActive }),
       onClick: o,
@@ -2139,19 +2142,19 @@ ${Z}` : Z), tt.current?.focus();
       $categorySecondary: a,
       $categoryTertiary: r,
       children: [
-        /* @__PURE__ */ c("span", { className: "emoji", children: ii[e.type] }),
-        e.users && /* @__PURE__ */ c("span", { children: e.users.length })
+        /* @__PURE__ */ l("span", { className: "emoji", children: di[e.type] }),
+        e.users && /* @__PURE__ */ l("span", { children: e.users.length })
       ]
     }
   );
-}, ci = ({
+}, mi = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
-}) => /* @__PURE__ */ c(ei, { children: e.map((r) => /* @__PURE__ */ c(
-  Un,
+}) => /* @__PURE__ */ l(ai, { children: e.map((r) => /* @__PURE__ */ l(
+  Hn,
   {
     reaction: r,
     isActive: r.isActive,
@@ -2163,44 +2166,44 @@ ${Z}` : Z), tt.current?.focus();
     categoryTertiary: a
   },
   r.type
-)) }), li = ({
+)) }), pi = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
 }) => {
-  const [r, s] = $(!1), i = e.filter((l) => l.isActive).map((l) => l.type);
-  return /* @__PURE__ */ x(
-    oi,
+  const [r, s] = L(!1), i = e.filter((c) => c.isActive).map((c) => c.type);
+  return /* @__PURE__ */ k(
+    si,
     {
       $categoryPrimary: o,
       $categorySecondary: n,
       $categoryTertiary: a,
       children: [
-        /* @__PURE__ */ c(
-          ie,
+        /* @__PURE__ */ l(
+          se,
           {
             icon: "add_reaction",
             className: "add-reaction",
             onClick: () => s(!r)
           }
         ),
-        r && /* @__PURE__ */ x(Ae, { children: [
-          /* @__PURE__ */ c(ti, { onClick: () => s(!1) }),
-          /* @__PURE__ */ c(
-            ni,
+        r && /* @__PURE__ */ k(Ce, { children: [
+          /* @__PURE__ */ l(ri, { onClick: () => s(!1) }),
+          /* @__PURE__ */ l(
+            ii,
             {
               $categoryPrimary: o,
               $categorySecondary: n,
               $categoryTertiary: a,
-              children: ri.map((l) => {
+              children: li.map((c) => {
                 const m = {
-                  type: l.key,
-                  isActive: i.includes(l.key)
+                  type: c.key,
+                  isActive: i.includes(c.key)
                 };
-                return /* @__PURE__ */ c(
-                  Un,
+                return /* @__PURE__ */ l(
+                  Hn,
                   {
                     reaction: m,
                     variant: "compact",
@@ -2220,7 +2223,7 @@ ${Z}` : Z), tt.current?.focus();
       ]
     }
   );
-}, di = ({
+}, gi = ({
   reactions: e,
   changeHandler: t,
   readOnly: o,
@@ -2230,34 +2233,34 @@ ${Z}` : Z), tt.current?.focus();
   categoryTertiary: s
 }) => {
   const i = n ? { categoryPrimary: a, categorySecondary: r, categoryTertiary: s } : {};
-  return /* @__PURE__ */ x(ai, { children: [
-    !o && /* @__PURE__ */ c(
-      li,
+  return /* @__PURE__ */ k(ci, { children: [
+    !o && /* @__PURE__ */ l(
+      pi,
       {
         reactions: e,
         changeHandler: t,
         ...i
       }
     ),
-    /* @__PURE__ */ c(ci, { reactions: e, changeHandler: t, ...i })
+    /* @__PURE__ */ l(mi, { reactions: e, changeHandler: t, ...i })
   ] });
-}, ui = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
+}, hi = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
   if (o.includes("http")) return [];
   const n = o.match(/\(([^)]+)\)/), a = n ? n[1].split(":") : [];
   return { type: a[0], id: a[1] };
-}), mi = (e) => e.replace(/@(?=@|\[)/g, ""), pi = {
+}), fi = (e) => e.replace(/@(?=@|\[)/g, ""), yi = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;"
-}, At = (e) => e.replace(/[&<>"]/g, (t) => pi[t]), gi = (e) => e.replaceAll(" ", "%20"), hi = (e, t) => {
+}, Ct = (e) => e.replace(/[&<>"]/g, (t) => yi[t]), vi = (e) => e.replaceAll(" ", "%20"), bi = (e, t) => {
   const o = t.cloneContents();
   if (!o.querySelector("[data-mention-value]")) return null;
   let n = "", a = "";
   const r = (s) => {
     if (s.nodeType === Node.TEXT_NODE) {
       const m = s.data;
-      n += m, a += At(m);
+      n += m, a += Ct(m);
       return;
     }
     if (s.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
@@ -2265,12 +2268,12 @@ ${Z}` : Z), tt.current?.focus();
       return;
     }
     if (s.nodeType !== Node.ELEMENT_NODE) return;
-    const i = s, l = i.getAttribute("data-mention-value");
-    if (l) {
+    const i = s, c = i.getAttribute("data-mention-value");
+    if (c) {
       const m = i.getAttribute("data-mention-label") || (i.textContent || "").trim();
       if (m) {
-        const p = gi(l);
-        n += `[${m}](${p})`, a += `<a href="@${At(p)}">@${At(m)}</a>`;
+        const p = vi(c);
+        n += `[${m}](${p})`, a += `<a href="@${Ct(p)}">@${Ct(m)}</a>`;
       }
       return;
     }
@@ -2288,15 +2291,15 @@ ${Z}` : Z), tt.current?.focus();
     s.childNodes.forEach(r);
   };
   return r(o), n ? { text: n, html: a } : null;
-}, fi = ({ children: e }) => {
-  const t = Zt.Children.map(e, (n) => {
-    if (!Zt.isValidElement(n)) return n;
+}, wi = ({ children: e }) => {
+  const t = en.Children.map(e, (n) => {
+    if (!en.isValidElement(n)) return n;
     const a = n.props.children;
     return typeof a != "string" ? n : {
       ...n,
       props: {
         ...n.props,
-        children: mi(a)
+        children: fi(a)
       }
     };
   }), o = qe((n) => {
@@ -2304,42 +2307,21 @@ ${Z}` : Z), tt.current?.focus();
     if (!a || a.rangeCount === 0 || a.isCollapsed) return;
     const r = a.getRangeAt(0), s = n.currentTarget;
     if (!s.contains(r.startContainer) || !s.contains(r.endContainer)) return;
-    const i = hi(s, r);
+    const i = bi(s, r);
     i && (n.preventDefault(), n.clipboardData.setData("text/plain", i.text), n.clipboardData.setData("text/html", i.html));
   }, []);
-  return /* @__PURE__ */ c("div", { className: "comment-text", onCopy: o, children: t });
-}, yi = ["tip", "status"], vi = ["textDirective", "leafDirective", "containerDirective"], Bn = (e) => ({ type: "text", value: e }), Ct = (e) => ({ type: "paragraph", children: [Bn(e)] }), bi = (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);
-}, wi = (e, t) => {
-  const o = bi(e, t);
-  if (o === null) return null;
-  if (e.type === "textDirective") return [Bn(o)];
-  if (e.type === "leafDirective") return [Ct(o)];
-  const [n, ...a] = o.split(`
-`), r = a.length ? a[a.length - 1].match(/:{3,}\s*$/) : null;
-  return [Ct(n), ...e.children || [], ...r ? [Ct(r[0])] : []];
-}, Gn = (e, t, o) => {
-  if (!e.children) return;
-  const n = [];
-  for (const a of e.children) {
-    const s = vi.includes(a.type) && !o.includes(a.name || "") ? wi(a, t) : null;
-    n.push(...s || [a]);
-  }
-  e.children = n, n.forEach((a) => Gn(a, t, o));
-}, xi = (e = yi) => (t, o) => {
-  Gn(t, String(o.value ?? ""), e);
-}, ki = (e = [], t) => {
+  return /* @__PURE__ */ l("div", { className: "comment-text", onCopy: o, children: t });
+}, xi = (e = [], t) => {
   let o = {};
   return e.forEach((n) => {
     const a = n.reaction;
     Et.includes(a) && (o[a] === void 0 && (o[a] = { type: a, isActive: !1, users: [] }), t == n.userName && (o[a].isActive = !0), o[a].users?.push(n.fullName || n.userName));
-  }), si(Object.values(o));
-}, Fi = A.div`
+  }), ui(Object.values(o));
+}, ki = F.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
-`, Ai = A.span`
+`, Ai = F.span`
   border-radius: var(--border-radius-m);
   padding: 2px 6px;
   margin: 0 2px;
@@ -2356,19 +2338,19 @@ ${Z}` : Z), tt.current?.focus();
     font-size: 16px;
     font-variation-settings: 'FILL' 1;
   }
-`, Ci = ({ name: e, statuses: t, children: o }) => {
-  const n = Ti(e, t);
-  return /* @__PURE__ */ x(Fi, { children: [
+`, Fi = ({ name: e, statuses: t, children: o }) => {
+  const n = Ci(e, t);
+  return /* @__PURE__ */ k(ki, { children: [
     o,
-    /* @__PURE__ */ x(Ai, { $color: Pt(n.color), style: { backgroundColor: n.color }, children: [
-      n.icon && /* @__PURE__ */ c(ie, { icon: n.icon }),
+    /* @__PURE__ */ k(Ai, { $color: _t(n.color), style: { backgroundColor: n.color }, children: [
+      n.icon && /* @__PURE__ */ l(se, { icon: n.icon }),
       e
     ] })
   ] });
-}, Ti = (e, t) => {
+}, Ci = (e, t) => {
   const o = { name: e, color: "var(--md-sys-color-primary)", icon: void 0 };
   return t.find((n) => n.name === e) || o;
-}, Di = A.header`
+}, Ti = F.header`
   display: flex;
   align-items: flex-end;
   gap: var(--base-gap-small);
@@ -2380,13 +2362,13 @@ ${Z}` : Z), tt.current?.focus();
     margin-left: 4px;
     font-weight: 800;
   }
-`, Ni = A.div`
+`, Di = F.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
   flex-wrap: wrap;
 `;
-A.li`
+F.li`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
@@ -2402,14 +2384,14 @@ A.li`
     background-color: var(--md-sys-color-surface-container-hover);
   }
 `;
-const Tt = A.span`
+const Tt = F.span`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
 
   strong {
     font-weight: 800;
   }
-`, Si = A.li`
+`, Ni = F.li`
   list-style: none;
   margin: var(--padding-s) var(--padding-m);
   padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
@@ -2436,7 +2418,7 @@ const Tt = A.span`
   &.request_changes .date, {
     color: var(--md-sys-color-error);
   }
-`, Ii = A.div`
+`, Si = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -2455,7 +2437,7 @@ const Tt = A.span`
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, Ei = A.span`
+`, Ii = F.span`
   white-space: nowrap;
   font-size: 12px;
   text-overflow: ellipsis;
@@ -2466,16 +2448,16 @@ const Tt = A.span`
     font-size: 12px;
     font-weight: 800;
   }
-`, Mi = "#c5c5c5";
-function Hn(e) {
-  const { categories: t } = Le(), { categoryData: o, categoryNotFound: n } = S(() => {
+`, Ei = "#c5c5c5";
+function qn(e) {
+  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = S(() => {
     let a = !1;
     if (e) {
       const r = t.find((s) => s.name === e);
       return r || (a = !0), {
         categoryData: r || {
           name: e,
-          color: Mi
+          color: Ei
         },
         categoryNotFound: a
       };
@@ -2487,21 +2469,21 @@ function Hn(e) {
   }, [e, t]);
   return { categoryData: o, categoryNotFound: n };
 }
-const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (e) => !e || !e.name ? Ri : e.name === _i && !e.label ? Pi : e.label ? e.label : e.name, Mt = "anonymous.guest", $i = ({ isGuest: e, activity: t }) => {
+const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (e) => !e || !e.name ? _i : e.name === Mi && !e.label ? Pi : e.label ? e.label : e.name, Mt = "anonymous.guest", Ri = ({ isGuest: e, activity: t }) => {
   const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = S(
     () => [
-      qn({ name: o, label: n }),
-      On(r?.feedback ?? De.APPROVE)
+      Wn({ name: o, label: n }),
+      Un(r?.feedback ?? Ne.APPROVE)
     ].join(" "),
     [n, o, r?.feedback, a]
-  ), { categoryData: i, categoryNotFound: l } = Hn(r?.category), m = S(() => {
+  ), { categoryData: i, categoryNotFound: c } = qn(r?.category), m = S(() => {
     if (!o?.startsWith(Mt))
       return `/api/users/${o}/avatar`;
   }, [o]);
   if (r?.feedback)
-    return /* @__PURE__ */ c(Si, { className: wn(r.feedback), children: /* @__PURE__ */ x(Ii, { children: [
-      o && /* @__PURE__ */ c(
-        Cn,
+    return /* @__PURE__ */ l(Ni, { className: xn(r.feedback), children: /* @__PURE__ */ k(Si, { children: [
+      o && /* @__PURE__ */ l(
+        Tn,
         {
           name: o,
           fullName: n,
@@ -2509,21 +2491,21 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
           size: 22
         }
       ),
-      /* @__PURE__ */ c(ie, { icon: Vn(r.feedback) }),
-      i && !e && /* @__PURE__ */ c(
-        it,
+      /* @__PURE__ */ l(se, { icon: zn(r.feedback) }),
+      i && !e && /* @__PURE__ */ l(
+        st,
         {
           value: i.name,
           color: i.color,
           isCompact: !0,
-          "data-tooltip": l ? "Category not found. It may have been deleted." : void 0,
+          "data-tooltip": c ? "Category not found. It may have been deleted." : void 0,
           "data-tooltip-delay": 0
         }
       ),
-      /* @__PURE__ */ c(Ei, { children: s }),
-      /* @__PURE__ */ c(dt, { date: a, exactTooltip: !0 })
+      /* @__PURE__ */ l(Ii, { children: s }),
+      /* @__PURE__ */ l(ut, { date: a, exactTooltip: !0 })
     ] }) });
-}, Wn = ({
+}, Qn = ({
   name: e,
   fullName: t,
   date: o,
@@ -2532,28 +2514,28 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   children: r,
   projectName: s,
   entityType: i,
-  onReferenceClick: l,
+  onReferenceClick: c,
   onReferenceTooltip: m
 }) => {
-  const { referenceType: p, origin: g, activityType: u, versions: h, activityId: v } = a, y = p === "mention", D = u === "version.publish", C = h && h?.length > 1 ? "published versions" : "published a version", f = y ? "mentioned" : "commented", b = y ? ` ${i} on` : "on", T = e?.startsWith("guest.") || e?.startsWith(Mt), I = (a.author?.deleted || !a.author?.active) && !T, P = S(() => {
+  const { referenceType: p, origin: g, activityType: u, versions: h, activityId: v } = a, y = p === "mention", D = u === "version.publish", C = h && h?.length > 1 ? "published versions" : "published a version", f = y ? "mentioned" : "commented", b = y ? ` ${i} on` : "on", T = e?.startsWith("guest.") || e?.startsWith(Mt), I = (a.author?.deleted || !a.author?.active) && !T, _ = S(() => {
     if (!e?.startsWith(Mt))
       return `/api/users/${e}/avatar`;
   }, [e]);
-  return /* @__PURE__ */ x(Di, { children: [
-    /* @__PURE__ */ x(Ni, { children: [
-      e && !I && /* @__PURE__ */ c(Cn, { name: e, fullName: t, src: P, size: 22 }),
-      I && /* @__PURE__ */ c(ie, { icon: "account_circle" }),
-      /* @__PURE__ */ c("h5", { children: t || a.activityData?.author || "Unknown" }),
-      n && /* @__PURE__ */ x(Ae, { children: [
-        /* @__PURE__ */ c(Tt, { children: /* @__PURE__ */ c("strong", { children: f }) }),
-        /* @__PURE__ */ c(Tt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: b }),
-        g && /* @__PURE__ */ c(
-          ea,
+  return /* @__PURE__ */ k(Ti, { children: [
+    /* @__PURE__ */ k(Di, { children: [
+      e && !I && /* @__PURE__ */ l(Tn, { name: e, fullName: t, src: _, size: 22 }),
+      I && /* @__PURE__ */ l(se, { icon: "account_circle" }),
+      /* @__PURE__ */ l("h5", { children: t || a.activityData?.author || "Unknown" }),
+      n && /* @__PURE__ */ k(Ce, { children: [
+        /* @__PURE__ */ l(Tt, { children: /* @__PURE__ */ l("strong", { children: f }) }),
+        /* @__PURE__ */ l(Tt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: b }),
+        g && /* @__PURE__ */ l(
+          Zo,
           {
             id: g.id,
             type: g.type,
             variant: "text",
-            onClick: () => l?.({
+            onClick: () => c?.({
               entityId: g.id,
               entityType: g.type,
               projectName: s,
@@ -2570,13 +2552,13 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
           }
         )
       ] }),
-      D && /* @__PURE__ */ c(Tt, { children: C }),
+      D && /* @__PURE__ */ l(Tt, { children: C }),
       r
     ] }),
-    /* @__PURE__ */ c(dt, { date: o })
+    /* @__PURE__ */ l(ut, { date: o })
   ] });
-}, Li = ({ flags: e }) => e.length ? /* @__PURE__ */ c(ta, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: s, testId: i }) => /* @__PURE__ */ x(
-  na,
+}, Li = ({ flags: e }) => e.length ? /* @__PURE__ */ l(ea, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: s, testId: i }) => /* @__PURE__ */ k(
+  ta,
   {
     as: r ? "button" : "span",
     type: r ? "button" : void 0,
@@ -2586,12 +2568,12 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     "data-tooltip-delay": 0,
     "data-testid": i,
     children: [
-      n && /* @__PURE__ */ c(ie, { icon: n }),
+      n && /* @__PURE__ */ l(se, { icon: n }),
       o
     ]
   },
   t
-)) }) : null, Oi = ({
+)) }) : null, $i = ({
   category: e,
   categoryNotFound: t,
   frameLink: o,
@@ -2618,7 +2600,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
       testId: "comment-frame-link-chip"
     }
   ] : []
-], Vi = ({
+], Oi = ({
   onDelete: e,
   onEdit: t,
   onCopyText: o,
@@ -2628,37 +2610,37 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   projectName: s,
   entity: i
 }) => {
-  const l = [], m = (p) => () => {
+  const c = [], m = (p) => () => {
     a?.(), p();
   };
-  return t && l.push({
+  return t && c.push({
     id: "edit",
     label: "Edit",
     icon: "edit_square",
     onClick: m(t)
-  }), o && l.push({
+  }), o && c.push({
     id: "copy-text",
     label: "Copy text",
     icon: "content_copy",
     onClick: m(o)
-  }), n && l.push({
+  }), n && c.push({
     id: "duplicate",
     label: "Duplicate",
     icon: "library_add",
     onClick: m(n)
-  }), l.push({
+  }), c.push({
     id: "copy-link",
     label: "Copy link",
     icon: "link",
-    onClick: m(() => In(oa(s, r, i)))
-  }), e && l.push({
+    onClick: m(() => En(na(s, r, i)))
+  }), e && c.push({
     id: "delete",
     label: "Delete",
     icon: "delete",
     onClick: m(e),
     danger: !0
-  }), /* @__PURE__ */ c(fa, { menu: l });
-}, ji = ({
+  }), /* @__PURE__ */ l(Qa, { menu: c });
+}, Vi = ({
   activity: e = {},
   annotationFrameStart: t,
   onCheckChange: o,
@@ -2667,7 +2649,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   onDuplicate: r,
   projectInfo: s,
   editProps: i,
-  projectName: l,
+  projectName: c,
   entityType: m,
   onReferenceClick: p,
   onFileExpand: g,
@@ -2678,86 +2660,86 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
 }) => {
   const {
     userName: D,
-    createReaction: _,
+    createReaction: P,
     deleteReaction: C,
     editingId: f,
     setEditingId: b,
     isGuest: T,
     userTeamNames: I
-  } = Le(), P = ve(null), { toggleMenuOpen: R, menuOpen: E } = za(), { categoryData: N, categoryNotFound: Q } = Hn(e?.activityData?.category), Y = _n(N?.color);
+  } = $e(), _ = ge(null), { toggleMenuOpen: R, menuOpen: E } = Oa(), { categoryData: N, categoryNotFound: Q } = qn(e?.activityData?.category), Y = _n(N?.color);
   let {
     body: H,
     authorName: J,
     authorFullName: q,
-    createdAt: L,
+    createdAt: $,
     referenceType: te,
     entityId: oe,
     activityId: W,
-    author: j,
+    author: U,
     isOwner: de,
-    files: se = [],
+    files: ae = [],
     origin: ne
   } = e;
-  J || (J = j?.name || ""), q = qn({ name: J, label: q });
-  const ut = vo(), we = `activity-comment-menu-${W}-${ut}`, xe = E === we, { onGoToFrame: Ce, setHighlightedActivities: ge, user: Ee, commentFrameLink: X } = Ue(), Ne = !!Ee?.data?.isAdmin, Oe = de || Ne, Me = de || Ne, Te = () => {
+  J || (J = U?.name || ""), q = Wn({ name: J, label: q });
+  const Qe = wo(), we = `activity-comment-menu-${W}-${Qe}`, xe = E === we, { onGoToFrame: ke, setHighlightedActivities: he, user: Me, commentFrameLink: K } = ze(), Te = !!Me?.data?.isAdmin, Oe = de || Te, Se = de || Te, De = () => {
     b(W);
-  }, Qe = () => {
-    b(null);
-  }, Ve = async (F, me, he) => {
-    await a?.(F, me, void 0, he), b(null);
-  }, be = f === W, Be = ({ activityId: F, url: me }) => {
-    document.getElementById(F) ? ge([F]) : window.open(me, "_blank", "noreferrer");
-  }, Ge = te !== "origin" || u, ae = async () => {
-    const F = ui(H);
-    Ge && ne && F.push({ id: ne.id, type: ne.type }), n && await n(W, oe, F);
   }, Ye = () => {
-    tr({
+    b(null);
+  }, Ve = async (A, me, ye) => {
+    await a?.(A, me, void 0, ye), b(null);
+  }, fe = f === W, Be = ({ activityId: A, url: me }) => {
+    document.getElementById(A) ? he([A]) : window.open(me, "_blank", "noreferrer");
+  }, Ge = te !== "origin" || u, re = async () => {
+    const A = hi(H);
+    Ge && ne && A.push({ id: ne.id, type: ne.type }), n && await n(W, oe, A);
+  }, Je = () => {
+    or({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
       accept: async () => {
-        await ae();
+        await re();
       }
     });
-  }, [, _e] = Sn(), He = S(
-    () => ki(e.reactions, D),
+  }, [, Pe] = In(), He = S(
+    () => xi(e.reactions, D),
     [[...e.reactions || []]]
-  ), Pe = (F) => {
-    F.isActive ? _({
-      projectName: l,
+  ), _e = (A) => {
+    A.isActive ? P({
+      projectName: c,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: D,
       activityId: W,
       createReactionModel: {
-        reaction: F.type
+        reaction: A.type
       }
     }) : C({
-      projectName: l,
+      projectName: c,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: D,
       activityId: W,
-      reaction: F.type
+      reaction: A.type
     });
   }, je = qe(
-    (F) => {
-      F.annotation && (Ce?.(F.annotation.range[0]), ge([W]));
+    (A) => {
+      A.annotation && (ke?.(A.annotation.range[0]), he([W]));
     },
-    [Ce]
-  ), ke = S(() => Rt(H), [H]), Re = S(
-    () => (se || []).filter((F) => !ke.has(F.id)),
-    [se, ke]
-  ), w = (F) => {
-    const me = ma(F), he = (se || []).filter((Ie) => yt(Ie.mime, Ie.ext)), Se = he.findIndex((Ie) => Ie.id === me);
-    Se !== -1 && g?.({ files: he, index: Se, activityId: W });
-  }, M = S(() => Nn(H || ""), [H]), O = S(() => ft(e), [e]), K = X?.formatFrame ?? ((F) => jn(F, t)), ue = () => {
-    O && (X ? X.goTo(O) : Ce?.(O.startFrame), ge([W]));
+    [ke]
+  ), Ae = S(() => Rt(H), [H]), Re = S(
+    () => (ae || []).filter((A) => !Ae.has(A.id)),
+    [ae, Ae]
+  ), w = (A) => {
+    const me = ua(A), ye = (ae || []).filter((Ee) => vt(Ee.mime, Ee.ext)), Ie = ye.findIndex((Ee) => Ee.id === me);
+    Ie !== -1 && g?.({ files: ye, index: Ie, activityId: W });
+  }, M = S(() => Sn(H || ""), [H]), O = S(() => yt(e), [e]), X = K?.formatFrame ?? ((A) => Bn(A, t)), ue = () => {
+    O && (K ? K.goTo(O) : ke?.(O.startFrame), he([W]));
   };
-  return /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ x(
-      aa,
+  return /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ k(
+      oa,
       {
         className: ee("comment", {
           isOwner: de,
-          isEditing: be,
+          isEditing: fe,
           isHighlighted: h,
           category: !!N && !T,
           menuOpen: xe
@@ -2767,91 +2749,91 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
         $categoryTertiary: Y.primary,
         $categorySecondary: Y.secondary,
         children: [
-          /* @__PURE__ */ c(
-            Wn,
+          /* @__PURE__ */ l(
+            Qn,
             {
               name: J,
               fullName: q,
-              date: L,
+              date: $,
               isRef: Ge,
               activity: e,
-              projectName: l,
+              projectName: c,
               entityType: m,
               onReferenceClick: p,
-              onReferenceTooltip: _e,
+              onReferenceTooltip: Pe,
               children: void 0
             }
           ),
-          /* @__PURE__ */ x(ra, { className: ee("comment-body", { isEditing: be }), children: [
-            !v && /* @__PURE__ */ x(ia, { className: "tools", children: [
-              Me && /* @__PURE__ */ c(nn, { icon: "edit_square", onClick: Te, variant: "text" }),
-              /* @__PURE__ */ c(
-                nn,
+          /* @__PURE__ */ k(aa, { className: ee("comment-body", { isEditing: fe }), children: [
+            !v && /* @__PURE__ */ k(ra, { className: "tools", children: [
+              Se && /* @__PURE__ */ l(on, { icon: "edit_square", onClick: De, variant: "text" }),
+              /* @__PURE__ */ l(
+                on,
                 {
                   icon: "more_horiz",
-                  ref: P,
-                  onClick: (F) => {
-                    F.stopPropagation(), R(we);
+                  ref: _,
+                  onClick: (A) => {
+                    A.stopPropagation(), R(we);
                   },
                   className: xe ? "active" : ""
                 }
               )
             ] }),
-            be ? /* @__PURE__ */ c(
-              zn,
+            fe ? /* @__PURE__ */ l(
+              Gn,
               {
                 initValue: H,
-                initFiles: se,
+                initFiles: ae,
                 annotationFrameStart: t,
                 initCategory: N?.name,
                 data: e.activityData,
                 activityId: W,
                 versionReview: !1,
                 isEditing: !0,
-                onClose: Qe,
+                onClose: Ye,
                 onSubmit: Ve,
                 isOpen: !0,
                 ...i
               }
-            ) : /* @__PURE__ */ x(Ae, { children: [
-              /* @__PURE__ */ c(
+            ) : /* @__PURE__ */ k(Ce, { children: [
+              /* @__PURE__ */ l(
                 Li,
                 {
-                  flags: Oi({
+                  flags: $i({
                     category: N,
                     categoryNotFound: Q,
                     frameLink: O,
-                    formatFrame: K,
+                    formatFrame: X,
                     onFrameLinkClick: ue,
-                    canNavigateToFrame: !!X || !!Ce,
+                    canNavigateToFrame: !!K || !!ke,
                     isGuest: T
                   })
                 }
               ),
-              /* @__PURE__ */ c(fi, { children: /* @__PURE__ */ c(
-                xn,
+              /* @__PURE__ */ l(wi, { children: /* @__PURE__ */ l(
+                kn,
                 {
                   remarkPlugins: [
                     Fn,
-                    kn,
-                    wo,
-                    xi,
-                    xo
+                    An,
+                    ko,
+                    Jr,
+                    Ao
                   ],
-                  urlTransform: (F) => F,
+                  urlTransform: (A) => A,
                   components: {
                     // a links
                     // @ts-ignore
-                    a: (F) => (
+                    a: (A) => (
                       // @ts-ignore
-                      ua(F, {
+                      da(A, {
                         entityId: ne?.id ?? oe,
                         entityType: ne?.type ?? m,
                         userName: D,
                         userTeamNames: I,
-                        projectName: l,
+                        projectName: c,
                         onReferenceClick: p,
-                        onReferenceTooltip: _e,
+                        onReferenceTooltip: Pe,
                         activityId: W,
                         categoryPrimary: N?.color,
                         categorySecondary: Y.secondary,
@@ -2860,34 +2842,34 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
                     ),
                     // checkbox inputs
                     // @ts-ignore
-                    input: (F) => da(F, { activity: e, onCheckChange: o }),
+                    input: (A) => la(A, { activity: e, onCheckChange: o }),
                     // code syntax highlighting
                     // eslint-disable-next-line
                     // @ts-ignore
-                    code: (F) => la(F),
+                    code: (A) => ca(A),
                     // @ts-ignore
-                    blockquote: (F) => ca(F),
+                    blockquote: (A) => sa(A),
                     // @ts-ignore
-                    tip: (F) => /* @__PURE__ */ x(sa, { children: [
-                      /* @__PURE__ */ c(ie, { icon: "info" }),
-                      F.children
+                    tip: (A) => /* @__PURE__ */ k(ia, { children: [
+                      /* @__PURE__ */ l(se, { icon: "info" }),
+                      A.children
                     ] }),
                     // a video url on its own line is an embedded video
                     // @ts-ignore
-                    p: (F) => ar(F, { onOpen: w }) ?? or(F) ?? /* @__PURE__ */ c("p", { children: F.children }),
+                    p: (A) => Za(A, { onOpen: w }) ?? er(A) ?? /* @__PURE__ */ l("p", { children: A.children }),
                     // @ts-ignore
-                    status: (F) => /* @__PURE__ */ c(Ci, { name: F.id, statuses: y, children: F.children })
+                    status: (A) => /* @__PURE__ */ l(Fi, { name: A.id, statuses: y, children: A.children })
                   },
                   children: M
                 }
               ) }),
-              /* @__PURE__ */ c(
-                Mn,
+              /* @__PURE__ */ l(
+                Pn,
                 {
                   files: Re,
                   isCompact: Re.length > 6,
                   activityId: W,
-                  projectName: l,
+                  projectName: c,
                   isDownloadable: !0,
                   onExpand: g,
                   onAnnotationClick: je,
@@ -2896,11 +2878,11 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
                 }
               )
             ] }),
-            !be && /* @__PURE__ */ c("div", { style: { marginTop: "16px" }, children: He && /* @__PURE__ */ c(
-              di,
+            !fe && /* @__PURE__ */ l("div", { style: { marginTop: "16px" }, children: He && /* @__PURE__ */ l(
+              gi,
               {
                 reactions: He,
-                changeHandler: Pe,
+                changeHandler: _e,
                 readOnly: v,
                 category: N && !T ? N.name : void 0,
                 categoryPrimary: N?.color,
@@ -2912,32 +2894,32 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
         ]
       }
     ),
-    /* @__PURE__ */ c(
-      ya,
+    /* @__PURE__ */ l(
+      Ya,
       {
-        target: P.current,
+        target: _.current,
         id: we,
         align: "right",
-        onClose: (F) => {
-          F?.stopPropagation(), R(!1);
+        onClose: (A) => {
+          A?.stopPropagation(), R(!1);
         },
-        children: /* @__PURE__ */ c(
-          Vi,
+        children: /* @__PURE__ */ l(
+          Oi,
           {
-            onDelete: Oe && n ? Ye : void 0,
-            onEdit: Me ? Te : void 0,
-            onCopyText: M ? () => In(M) : void 0,
+            onDelete: Oe && n ? Je : void 0,
+            onEdit: Se ? De : void 0,
+            onCopyText: M ? () => En(M) : void 0,
             onDuplicate: r ? () => r(e) : void 0,
             activityId: W,
             onSelect: () => R(!1),
-            projectName: l,
+            projectName: c,
             entity: ne ?? (oe ? { id: oe, type: m } : void 0)
           }
         )
       }
     )
   ] });
-}, zi = A.li`
+}, ji = F.li`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2947,7 +2929,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Ui = A.div`
+`, Ui = F.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2962,7 +2944,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, Dt = A.span`
+`, Dt = F.span`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   font-size: 12px;
@@ -2970,10 +2952,10 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     font-size: 12px;
     font-weight: 800;
   }
-`, Bi = (e, t) => {
+`, zi = (e, t) => {
   let o = [], n = {};
   return e.activityData.origin.type == "folder" && !n.folder && (n.folder = !0, o.push(e.activityData.origin.name)), e.activityData.origin.type == "task" && !n.task && (n.task = !0, o.push(e.activityData.origin.name)), (t == "version" || e.activityData.origin.type == "version") && (n.product || (n.product = !0, o.push(e.activityData.parents?.find((a) => a.type == "product")?.name)), n.version || (n.version = !0, o.push(e.activityData.origin.name))), o;
-}, Gi = A.div`
+}, Bi = F.div`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2982,7 +2964,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
-`, Hi = A.span`
+`, Gi = F.span`
   color: var(--md-sys-color-outline);
   font-size: 12px;
   max-width: 300px;
@@ -2992,37 +2974,37 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   span {
     font-size: inherit;
   }
-`, _t = ht(
-  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ x(Gi, { ...a, ref: r, children: [
-    e && /* @__PURE__ */ c(ie, { icon: e, style: { color: t } }),
-    /* @__PURE__ */ c(Hi, { title: o, children: n ? n.map((s, i) => /* @__PURE__ */ x(bo, { children: [
-      /* @__PURE__ */ c("span", { style: { color: s.color }, children: s.label }),
+`, Pt = ft(
+  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ k(Bi, { ...a, ref: r, children: [
+    e && /* @__PURE__ */ l(se, { icon: e, style: { color: t } }),
+    /* @__PURE__ */ l(Gi, { title: o, children: n ? n.map((s, i) => /* @__PURE__ */ k(xo, { children: [
+      /* @__PURE__ */ l("span", { style: { color: s.color }, children: s.label }),
       i < n.length - 1 && ", "
     ] }, i)) : o })
   ] })
-), qi = (e) => {
+), Hi = (e) => {
   const t = typeof e.icon == "string" ? e.icon : e.icon?.name, o = e.color ?? (typeof e.icon == "object" ? e.icon?.color : void 0);
   return { name: e.label, icon: t, color: o };
-}, Wi = (e, t) => {
+}, qi = (e, t) => {
   const o = t?.data.enum?.find((n) => n.value === e)?.label;
   if (o) return o;
   if (t?.data.type === "datetime") {
     const n = new Date(String(e));
-    if (!isNaN(n.getTime())) return pa(n, "dd-MM-yyyy");
+    if (!isNaN(n.getTime())) return ma(n, "dd-MM-yyyy");
   }
   return String(e);
-}, Qi = (e, t) => e === "description" || t?.data.widget === "markdown", Yi = (e, t, o) => {
+}, Wi = (e, t) => e === "description" || t?.data.widget === "markdown", Qi = (e, t, o) => {
   if (e == null || e === "" || Array.isArray(e) && !e.length) return { name: "none" };
-  if (typeof e == "string" && Qi(o, t))
-    return { name: nr(e) || "none" };
+  if (typeof e == "string" && Wi(o, t))
+    return { name: tr(e) || "none" };
   if (t?.data.type === "boolean") return { name: e ? "Checked" : "Unchecked" };
   const a = Array.isArray(e) ? e : [e];
   if (a.length === 1) {
     const r = t?.data.enum?.find((s) => s.value === a[0]);
-    if (r) return qi(r);
+    if (r) return Hi(r);
   }
-  return { name: a.map((r) => Wi(r, t)).join(", ") };
-}, Ji = ({
+  return { name: a.map((r) => qi(r, t)).join(", ") };
+}, Yi = ({
   entityType: e,
   projectInfo: t,
   activity: o = {}
@@ -3033,9 +3015,9 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     authorFullName: r,
     createdAt: s,
     oldStatus: i,
-    newStatus: l,
+    newStatus: c,
     activityData: m = {}
-  } = o, { key: p, oldValue: g, newValue: u } = m, h = Bi(o, e), v = n === "attrib.change", y = n === "tags.change", D = n === "subtype.change", { data: _ = [] } = Ia(void 0, { skip: !v }), C = S(() => _.find((N) => N.name === p), [_, p]), f = v ? C?.data.title || p : y ? "Tags" : D ? "Type" : void 0, b = (N) => ({
+  } = o, { key: p, oldValue: g, newValue: u } = m, h = zi(o, e), v = n === "attrib.change", y = n === "tags.change", D = n === "subtype.change", { data: P = [] } = Da(void 0, { skip: !v }), C = S(() => P.find((N) => N.name === p), [P, p]), f = v ? C?.data.title || p : y ? "Tags" : D ? "Type" : void 0, b = (N) => ({
     name: N?.name || "",
     icon: N?.icon,
     color: N?.color
@@ -3047,23 +3029,23 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
       color: t?.tags?.find((J) => J.name === H)?.color
     }));
     return { name: Q.join(", "), items: Y };
-  }, I = n === "status.change", P = (N, Q) => I ? b(Q) : y ? T(N) : Yi(N, C, p), R = P(g, i), E = P(u, l);
-  return /* @__PURE__ */ x(zi, { children: [
-    /* @__PURE__ */ x(Ui, { children: [
-      /* @__PURE__ */ c(Dt, { children: r || a }),
-      /* @__PURE__ */ x(Dt, { children: [
+  }, I = n === "status.change", _ = (N, Q) => I ? b(Q) : y ? T(N) : Qi(N, C, p), R = _(g, i), E = _(u, c);
+  return /* @__PURE__ */ k(ji, { children: [
+    /* @__PURE__ */ k(Ui, { children: [
+      /* @__PURE__ */ l(Dt, { children: r || a }),
+      /* @__PURE__ */ k(Dt, { children: [
         "- ",
         h.join(" / "),
         " -"
       ] }),
-      f && /* @__PURE__ */ c(Dt, { children: /* @__PURE__ */ c("strong", { children: f }) }),
-      /* @__PURE__ */ c(_t, { ...R }),
-      /* @__PURE__ */ c(ie, { icon: "trending_flat" }),
-      /* @__PURE__ */ c(_t, { ...E })
+      f && /* @__PURE__ */ l(Dt, { children: /* @__PURE__ */ l("strong", { children: f }) }),
+      /* @__PURE__ */ l(Pt, { ...R }),
+      /* @__PURE__ */ l(se, { icon: "trending_flat" }),
+      /* @__PURE__ */ l(Pt, { ...E })
     ] }),
-    /* @__PURE__ */ c(dt, { date: s })
+    /* @__PURE__ */ l(ut, { date: s })
   ] });
-}, Xi = A.li`
+}, Ji = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3076,7 +3058,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Ki = A.div`
+`, Ki = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: start;
@@ -3084,18 +3066,18 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   gap: var(--base-gap-small);
   padding: 0px 4px;
   overflow: hidden;
-`, Zi = A.span`
+`, Xi = F.span`
   color: var(--md-sys-color-outline);
   white-space: wrap;
   font-size: 12px;
-`, hn = ({ activity: e, isAdding: t }) => {
+`, fn = ({ activity: e, isAdding: t }) => {
   const { authorFullName: o, createdAt: n, activityData: a, authorName: r } = e || {}, { assignee: s } = a || {};
   let i = o || r;
-  return i += t ? " added " : " removed ", i += "assignee: " + s, /* @__PURE__ */ c(Xi, { children: /* @__PURE__ */ x(Ki, { children: [
-    /* @__PURE__ */ c(Zi, { children: i }),
-    /* @__PURE__ */ c(dt, { date: n })
+  return i += t ? " added " : " removed ", i += "assignee: " + s, /* @__PURE__ */ l(Ji, { children: /* @__PURE__ */ k(Ki, { children: [
+    /* @__PURE__ */ l(Xi, { children: i }),
+    /* @__PURE__ */ l(ut, { date: n })
   ] }) });
-}, es = A.li`
+}, Zi = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3107,7 +3089,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
 
   width: 100%;
   padding: 8px;
-`, ts = A.div`
+`, es = F.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -3123,7 +3105,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
       display: inline;
     }
   }
-`, ns = A.div`
+`, ts = F.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -3137,7 +3119,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     min-width: 0;
     overflow: hidden;
   }
-`, fn = A.div`
+`, yn = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3161,7 +3143,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     display: none;
     flex: 1;
   }
-`, os = A(Oa)`
+`, ns = F(Ra)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -3175,23 +3157,23 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   img {
     object-fit: cover;
   }
-`, as = A.span`
+`, os = F.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   min-width: 0;
-`, rs = A.div`
+`, as = F.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`, is = A.li`
+`, rs = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
   padding: 0;
   padding: 0px 8px;
-`, Qn = A.div`
+`, Yn = F.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -3214,7 +3196,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   &:hover {
     background-color: var(--md-sys-color-surface-container-hover);
   }
-`, ss = ({
+`, is = ({
   activity: e,
   projectName: t,
   entityType: o,
@@ -3222,15 +3204,15 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   filter: a,
   statuses: r = []
 }) => {
-  const { onOpenViewer: s } = Ue();
-  let { authorName: i, authorFullName: l, createdAt: m, versions: p = [] } = e;
-  const g = a === "versions" || a && typeof a == "object" && a.conditions?.some((C) => C.key === "versions" && C.value === !0), [u, h] = $(g), v = 2, [y, D] = $(!1), _ = (C, f) => s?.({ versionIds: [C], productId: f, projectName: t });
-  return /* @__PURE__ */ x(es, { children: [
-    /* @__PURE__ */ c(
-      Wn,
+  const { onOpenViewer: s } = ze();
+  let { authorName: i, authorFullName: c, createdAt: m, versions: p = [] } = e;
+  const g = a === "versions" || a && typeof a == "object" && a.conditions?.some((C) => C.key === "versions" && C.value === !0), [u, h] = L(g), v = 2, [y, D] = L(!1), P = (C, f) => s?.({ versionIds: [C], productId: f, projectName: t });
+  return /* @__PURE__ */ k(Zi, { children: [
+    /* @__PURE__ */ l(
+      Qn,
       {
         name: i,
-        fullName: l || i,
+        fullName: c || i,
         date: m,
         activity: e,
         projectName: t,
@@ -3239,19 +3221,19 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
       }
     ),
     p.flatMap((C, f) => {
-      const { name: b, id: T, productId: I, productName: P, thumbnailHash: R, comment: E } = C, N = r.find((Q) => Q.name === C.status);
-      return (f < v || u) && /* @__PURE__ */ x(ts, { onClick: () => _(T, I), children: [
-        /* @__PURE__ */ x(ns, { children: [
-          /* @__PURE__ */ x("div", { children: [
-            /* @__PURE__ */ x(fn, { children: [
-              /* @__PURE__ */ c("span", { children: P }),
-              /* @__PURE__ */ c(dt, { date: m, isExact: !0 })
+      const { name: b, id: T, productId: I, productName: _, thumbnailHash: R, comment: E } = C, N = r.find((Q) => Q.name === C.status);
+      return (f < v || u) && /* @__PURE__ */ k(es, { onClick: () => P(T, I), children: [
+        /* @__PURE__ */ k(ts, { children: [
+          /* @__PURE__ */ k("div", { children: [
+            /* @__PURE__ */ k(yn, { children: [
+              /* @__PURE__ */ l("span", { children: _ }),
+              /* @__PURE__ */ l(ut, { date: m, isExact: !0 })
             ] }),
-            /* @__PURE__ */ x(fn, { children: [
-              /* @__PURE__ */ c(as, { className: "version", children: b }),
+            /* @__PURE__ */ k(yn, { children: [
+              /* @__PURE__ */ l(os, { className: "version", children: b }),
               " -",
-              /* @__PURE__ */ c(
-                _t,
+              /* @__PURE__ */ l(
+                Pt,
                 {
                   icon: N?.icon,
                   color: N?.color,
@@ -3260,8 +3242,8 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
               )
             ] })
           ] }),
-          /* @__PURE__ */ c(
-            os,
+          /* @__PURE__ */ l(
+            ns,
             {
               projectName: t,
               entityId: T,
@@ -3273,25 +3255,25 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
             }
           )
         ] }),
-        E && /* @__PURE__ */ c(rs, { children: E })
+        E && /* @__PURE__ */ l(as, { children: E })
       ] }, T);
     }),
-    !g && p.length > v && /* @__PURE__ */ x(Qn, { onClick: () => h(!u), children: [
-      /* @__PURE__ */ c(ie, { icon: "more" }),
-      /* @__PURE__ */ c("span", { children: u ? "Show less" : `Show ${p.length - v} more versions` })
+    !g && p.length > v && /* @__PURE__ */ k(Yn, { onClick: () => h(!u), children: [
+      /* @__PURE__ */ l(se, { icon: "more" }),
+      /* @__PURE__ */ l("span", { children: u ? "Show less" : `Show ${p.length - v} more versions` })
     ] })
   ] });
-}, cs = ({ activities: e, editProps: t, ...o }) => {
-  const [n, a] = $(!1);
-  return /* @__PURE__ */ x(Ae, { children: [
-    /* @__PURE__ */ c(is, { children: /* @__PURE__ */ x(Qn, { onClick: () => a(!n), children: [
-      /* @__PURE__ */ c(ie, { icon: n ? "expand_less" : "chevron_right" }),
+}, ss = ({ activities: e, editProps: t, ...o }) => {
+  const [n, a] = L(!1);
+  return /* @__PURE__ */ k(Ce, { children: [
+    /* @__PURE__ */ l(rs, { children: /* @__PURE__ */ k(Yn, { onClick: () => a(!n), children: [
+      /* @__PURE__ */ l(se, { icon: n ? "expand_less" : "chevron_right" }),
       n ? "Show less" : "Show more"
     ] }) }),
     n && e.map((r) => (
       // @ts-expect-error
-      /* @__PURE__ */ c(
-        Yn,
+      /* @__PURE__ */ l(
+        Jn,
         {
           editProps: t,
           activity: r,
@@ -3302,7 +3284,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
       )
     ))
   ] });
-}, Yn = ({
+}, Jn = ({
   activity: e,
   fromGroup: t,
   annotationFrameStart: o,
@@ -3311,7 +3293,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
   editProps: r,
   filter: s,
   readOnly: i,
-  statuses: l,
+  statuses: c,
   isSlideOut: m,
   isGuest: p,
   ...g
@@ -3320,15 +3302,15 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     case "comment":
       return (
         // @ts-expect-error
-        /* @__PURE__ */ c(
-          ji,
+        /* @__PURE__ */ l(
+          Vi,
           {
             activity: e,
             annotationFrameStart: o,
             projectInfo: n,
             editProps: r,
             readOnly: i,
-            statuses: l,
+            statuses: c,
             isSlideOut: m,
             ...g
           }
@@ -3338,18 +3320,18 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     case "attrib.change":
     case "tags.change":
     case "subtype.change":
-      return /* @__PURE__ */ c(Ji, { activity: e, projectInfo: n, ...g });
+      return /* @__PURE__ */ l(Yi, { activity: e, projectInfo: n, ...g });
     case "assignee.add":
-      return /* @__PURE__ */ c(hn, { activity: e, ...g, isAdding: !0 });
+      return /* @__PURE__ */ l(fn, { activity: e, ...g, isAdding: !0 });
     case "assignee.remove":
-      return /* @__PURE__ */ c(hn, { activity: e, ...g });
+      return /* @__PURE__ */ l(fn, { activity: e, ...g });
     case "version.publish":
-      return /* @__PURE__ */ c(ss, { activity: e, projectInfo: n, filter: s, statuses: l, ...g });
+      return /* @__PURE__ */ l(is, { activity: e, projectInfo: n, filter: s, statuses: c, ...g });
     case "version.review":
-      return /* @__PURE__ */ c($i, { activity: e, isGuest: p, ...g });
+      return /* @__PURE__ */ l(Ri, { activity: e, isGuest: p, ...g });
     case "group":
-      return !t && /* @__PURE__ */ c(
-        cs,
+      return !t && /* @__PURE__ */ l(
+        ss,
         {
           editProps: r,
           activities: e.items || [],
@@ -3360,7 +3342,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     default:
       return null;
   }
-}, ls = A.section`
+}, cs = F.section`
   padding-bottom: 4px;
   overflow: hidden;
   position: relative;
@@ -3388,7 +3370,7 @@ const _i = "anonymous.guest", Pi = "Anonymous User", Ri = "unknown.user", qn = (
     z-index: 1;
   }
 `;
-A.div`
+F.div`
   position: absolute;
   left: 8px;
   right: 8px;
@@ -3408,7 +3390,7 @@ A.div`
     color: inherit;
   }
 `;
-const ds = A.ul`
+const ls = F.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 24px 0;
@@ -3429,11 +3411,11 @@ const ds = A.ul`
   & > *:last-child {
     margin-top: 32px;
   }
-`, us = A.span`
+`, ds = F.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
-`, ms = A.div`
+`, us = F.div`
   height: 50px;
   border-radius: 8px;
   overflow: hidden;
@@ -3441,7 +3423,7 @@ const ds = A.ul`
   opacity: 0.5;
 
   position: relative;
-`, ps = ({
+`, ms = ({
   projectName: e,
   entityType: t,
   entities: o = [],
@@ -3452,17 +3434,17 @@ const ds = A.ul`
     createEntityActivity: r,
     updateActivity: s,
     deleteActivity: i,
-    isUpdatingActivity: l,
+    isUpdatingActivity: c,
     userName: m,
     userFullName: p,
     activityTypes: g
-  } = Le(), u = o.map((C) => C.id), h = ({
+  } = $e(), u = o.map((C) => C.id), h = ({
     entityId: C,
     newId: f,
     subTitle: b,
     value: T,
     files: I = [],
-    data: P = {}
+    data: _ = {}
   }) => ({
     body: T,
     activityType: "comment",
@@ -3471,10 +3453,10 @@ const ds = A.ul`
     referenceType: "origin",
     authorName: m,
     authorFullName: p,
-    createdAt: Wa(/* @__PURE__ */ new Date()),
+    createdAt: Ga(/* @__PURE__ */ new Date()),
     files: I,
     reactions: [],
-    activityData: P,
+    activityData: _,
     origin: {
       id: "8090c2dafcc811eeaf820242c0a80002",
       type: t,
@@ -3488,7 +3470,7 @@ const ds = A.ul`
   return {
     submitComment: async (C, f = [], b = {}) => {
       const T = o.map(({ id: R, subTitle: E }) => {
-        const N = sn(), Q = f.map((te) => te.id), Y = a ? { ...b, entityList: a } : b, H = {
+        const N = cn(), Q = f.map((te) => te.id), Y = a ? { ...b, entityList: a } : b, H = {
           body: C,
           activityType: "comment",
           id: N,
@@ -3508,27 +3490,27 @@ const ds = A.ul`
           filter: n,
           ...{ entityIds: u, activityTypes: g }
         });
-      }), P = (await Promise.all(T)).filter((R) => R.error);
-      if (P.length > 0) {
-        const R = on(P[0].error) || "Failed to create comment";
+      }), _ = (await Promise.all(T)).filter((R) => R.error);
+      if (_.length > 0) {
+        const R = an(_[0].error) || "Failed to create comment";
         throw Fe.error(R), new Error(R);
       }
     },
     updateComment: async (C, f, b = [], T = {}) => {
-      const I = b.map((N) => N.id), P = {
+      const I = b.map((N) => N.id), _ = {
         body: f,
         files: I,
         data: T
       }, R = {
         ...C,
-        ...P,
+        ..._,
         files: b,
         activityData: T
       }, E = { entityType: t, entityIds: u, activityTypes: g };
       try {
         await s({
           projectName: e,
-          data: P,
+          data: _,
           activityId: C.activityId,
           entityId: C.entityId,
           patch: R,
@@ -3536,7 +3518,7 @@ const ds = A.ul`
           ...E
         });
       } catch (N) {
-        throw Fe.error(on(N)), N;
+        throw Fe.error(an(N)), N;
       }
     },
     deleteComment: async (C, f, b = []) => {
@@ -3557,12 +3539,12 @@ const ds = A.ul`
     },
     submitReview: async (C) => {
       const f = o.map(({ id: b, subTitle: T }) => {
-        const I = sn(), P = { feedback: C, entityList: a }, R = {
-          body: Qr(C, t),
+        const I = cn(), _ = { feedback: C, entityList: a }, R = {
+          body: Xr(C, t),
           activityType: "version.review",
           id: I,
-          data: P
-        }, E = h({ entityId: b, newId: I, subTitle: T, value: "", data: P });
+          data: _
+        }, E = h({ entityId: b, newId: I, subTitle: T, value: "", data: _ });
         return r({
           projectName: e,
           entityType: t,
@@ -3574,7 +3556,7 @@ const ds = A.ul`
       });
       await Promise.all(f);
     },
-    isSaving: l
+    isSaving: c
   };
 }, Nt = (e = {}) => {
   const {
@@ -3583,9 +3565,9 @@ const ds = A.ul`
     origin: n = {},
     activityData: { context: { productName: a, productType: r, productId: s } = {} } = {},
     version: i
-  } = e, { name: l, id: m } = n;
+  } = e, { name: c, id: m } = n;
   return {
-    name: l,
+    name: c,
     id: m,
     productId: s,
     productName: a,
@@ -3596,7 +3578,7 @@ const ds = A.ul`
     status: i?.status,
     thumbnailHash: i?.thumbnailHash
   };
-}, gs = 5, hs = (e = []) => {
+}, ps = 5, gs = (e = []) => {
   const t = [];
   let o = null;
   for (const n of e) {
@@ -3608,10 +3590,10 @@ const ds = A.ul`
       o = { ...n }, o.versions = [Nt(n)];
       continue;
     }
-    const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, i = Qa(
+    const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, i = Ha(
       new Date(o.createdAt),
       new Date(n.createdAt)
-    ) <= gs;
+    ) <= ps;
     if (a && i && r) {
       o.versions.push(Nt(n));
       continue;
@@ -3621,13 +3603,13 @@ const ds = A.ul`
     }
   }
   return o && t.push(o), t;
-}, fs = (e, t) => {
+}, hs = (e, t) => {
   let o = {};
-  t.reduce((i, l) => (i[l.name] = l, i), o);
+  t.reduce((i, c) => (i[c.name] = c, i), o);
   const n = [];
   let a = [];
   const r = (i) => {
-    const l = (h) => ["assignee.add", "assignee.remove"].includes(h[0].activityType) ? [
+    const c = (h) => ["assignee.add", "assignee.remove"].includes(h[0].activityType) ? [
       {
         ...h[0],
         activityType: h[0].activityType,
@@ -3646,9 +3628,9 @@ const ds = A.ul`
     ] : h;
     let m = [], p = [], g = null, u = null;
     return i.forEach((h) => {
-      g === null || g === h.activityType && u == h.authorName ? p.push(h) : (m.push(...l(p)), p = [h]), g = h.activityType, u = h.authorName;
-    }), p.length != 0 && m.push(...l(p)), m;
-  }, s = (i, l) => {
+      g === null || g === h.activityType && u == h.authorName ? p.push(h) : (m.push(...c(p)), p = [h]), g = h.activityType, u = h.authorName;
+    }), p.length != 0 && m.push(...c(p)), m;
+  }, s = (i, c) => {
     if (a.length > 2) {
       if (i) {
         const m = a[0].activityData.assignee;
@@ -3663,20 +3645,20 @@ const ds = A.ul`
       n.push({
         activityType: "group",
         items: r(i ? a.slice(1) : a),
-        activityId: "group-" + l
+        activityId: "group-" + c
       });
     } else a.length > 0 && a.forEach((m) => n.push(m));
     a = [];
   };
   for (const i of e)
-    if (ys.includes(i.activityType))
+    if (fs.includes(i.activityType))
       a.push(i);
     else {
-      const l = n.length === 0;
-      s(l, n.length), n.push(i);
+      const c = n.length === 0;
+      s(c, n.length), n.push(i);
     }
   return a.length > 0 && s(!1, n.length), n;
-}, yn = (e, t, o = "oldValue") => {
+}, vn = (e, t, o = "oldValue") => {
   const n = [];
   let a = null, r = null;
   for (const s of e)
@@ -3685,104 +3667,104 @@ const ds = A.ul`
         a = { ...s }, r = new Date(s.createdAt);
         continue;
       }
-      const i = a.authorName === s.authorName, l = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && ct(r) && ct(p) && Math.abs(Ya(r, p)) <= 20;
-      i && u && l && m ? (s[o] !== void 0 && (a[o] = s[o]), a.activityData = {
+      const i = a.authorName === s.authorName, c = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && lt(r) && lt(p) && Math.abs(qa(r, p)) <= 20;
+      i && u && c && m ? (s[o] !== void 0 && (a[o] = s[o]), a.activityData = {
         ...a.activityData,
         oldValue: s.activityData.oldValue
       }, a.hasPreviousPage = s.hasPreviousPage, a.cursor = s.cursor, r = p) : (a.activityData.oldValue !== a.activityData.newValue && n.push(a), a = { ...s }, r = p);
     } 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;
-}, ys = [
+}, fs = [
   "status.change",
   "assignee.add",
   "assignee.remove",
   "attrib.change",
   "tags.change",
   "subtype.change"
-], vs = (e = [], t = {}) => e.map((o) => {
+], ys = (e = [], t = {}) => e.map((o) => {
   const n = { ...o, origin: { ...o.origin } };
   if (n.activityType === "status.change") {
     if (!t) return n;
-    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);
+    const a = n.activityData?.oldValue, r = n.activityData?.newValue, s = t.statuses?.find((c) => c.name === a), i = t.statuses?.find((c) => c.name === r);
     n.oldStatus = { ...s, name: a }, n.newStatus = { ...i, name: r };
   }
   return n;
-}), bs = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, ws = (e = [], t = [], o = {}, n, a, r) => {
+}), vs = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, bs = (e = [], t = [], o = {}, n, a, r) => {
   const s = S(
-    () => vs(e, o),
+    () => ys(e, o),
     [e, o]
-  ), i = S(() => s.map((y) => ({ ...y, isOwner: a === y.authorName })), [s, a]), l = S(
-    () => bs(i, ["version"], n),
+  ), i = S(() => s.map((y) => ({ ...y, isOwner: a === y.authorName })), [s, a]), c = S(
+    () => vs(i, ["version"], n),
     [i, n]
-  ), m = S(() => [...l].sort((D, _) => {
-    const C = new Date(D.createdAt), f = new Date(_.createdAt), b = ct(C), T = ct(f);
+  ), m = S(() => [...c].sort((D, P) => {
+    const C = new Date(D.createdAt), f = new Date(P.createdAt), b = lt(C), T = lt(f);
     if (!b && !T)
       return 0;
     if (b) {
       if (!T)
         return -1;
     } else return 1;
-    return Ja(f, C);
-  }), [l]), p = S(
-    () => yn(m, "status.change", "oldStatus"),
+    return Wa(f, C);
+  }), [c]), p = S(
+    () => vn(m, "status.change", "oldStatus"),
     [m]
   ), g = S(
-    () => yn(p, "attrib.change"),
+    () => vn(p, "attrib.change"),
     [p]
   ), u = S(() => r?.conditions?.some(
     (D) => "key" in D && D.key === "updates" && D.value === !0
-  ) ? g : fs(g, t), [g, t, r]), h = S(
-    () => hs(u),
+  ) ? g : hs(g, t), [g, t, r]), h = S(
+    () => gs(u),
     [u]
   );
   return S(() => [...new Map(
     h.filter((D) => D && D.activityId).map((D) => [D.activityId, D])
   ).values()], [h]);
-}, vn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), xs = ({
+}, bn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), ws = ({
   entities: e = [],
   feedRef: t,
   filter: o,
   disabled: n,
   isLoading: a
 }) => {
-  const r = ve({}), s = (i) => {
-    const l = i.current.querySelectorAll(".scroll-to"), m = Array.from(l).map((g) => g.closest("li.comment"));
+  const r = ge({}), s = (i) => {
+    const c = i.current.querySelectorAll(".scroll-to"), m = Array.from(c).map((g) => g.closest("li.comment"));
     return (m[m.length - 1]?.offsetTop || 0) - 8 || 0;
   };
   G(() => {
-    const i = vn(e, o);
+    const i = bn(e, o);
     !t.current || n || a || (t.current.scrollTop = r.current[i] || s(t));
   }, [e, o, t.current, a]), G(() => {
     let i = null;
     if (!t.current || n) return;
-    const l = (m) => {
+    const c = (m) => {
       if (i)
         return;
       i = setTimeout(() => {
         i = null;
       }, 300);
-      const { scrollTop: p } = m.target, g = vn(e, o);
+      const { scrollTop: p } = m.target, g = bn(e, o);
       r.current[g] = p;
     };
-    return t.current?.addEventListener("scroll", l), () => {
-      t.current?.removeEventListener("scroll", l);
+    return t.current?.addEventListener("scroll", c), () => {
+      t.current?.removeEventListener("scroll", c);
     };
   }, [t.current, o, e, n]);
-}, ks = ({ feedRef: e, isInputOpen: t, height: o }) => {
+}, xs = ({ feedRef: e, isInputOpen: t, height: o }) => {
   G(() => {
     if (!e.current) return;
     const n = o;
     e.current.scrollTop === 0 || (t ? e.current.scrollBy(0, n) : e.current.scrollBy(0, -n));
   }, [t, e, o]);
-}, Fs = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), As = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ c(
-  ms,
+}, ks = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), As = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ l(
+  us,
   {
     className: "loading",
-    style: { minHeight: Fs(50, 150) }
+    style: { minHeight: ks(50, 150) }
   },
   o
-)), Cs = ({
+)), Fs = ({
   feedRef: e,
   highlighted: t = [],
   isLoading: o,
@@ -3790,14 +3772,14 @@ const ds = A.ul`
   hasNextPage: a,
   activities: r
 }) => {
-  const s = ve([]), i = async (m, p = 0) => {
+  const s = ge([]), i = async (m, p = 0) => {
     if (!n) return null;
     const g = m.querySelector("li.isHighlighted");
     if (g) return g;
     if (p++, p > 10) return null;
     const u = await n();
     return !u || !u.hasNextPage ? null : (await new Promise((v) => requestAnimationFrame(() => v())), i(m, p));
-  }, l = async (m) => {
+  }, c = async (m) => {
     const p = await i(m);
     if (!p) {
       console.error("No highlighted element found");
@@ -3807,9 +3789,9 @@ const ds = A.ul`
     console.log("FOUND: scrolling to highlighted..."), m.scrollTo({ top: D }), s.current = t;
   };
   G(() => {
-    !t.length || !e.current || o || !n || t.every((m) => s.current?.includes(m)) || (console.log("trying to scroll to highlighted..."), l(e.current));
+    !t.length || !e.current || o || !n || t.every((m) => s.current?.includes(m)) || (console.log("trying to scroll to highlighted..."), c(e.current));
   }, [e, t, r, o, n, s, a]);
-}, Ts = (e) => e.map((t) => {
+}, Cs = (e) => e.map((t) => {
   if (t.activityType !== "comment" || !t.activityData?.annotations) return t;
   const o = t.files.map((a) => {
     const r = t.activityData.annotations.find(
@@ -3818,48 +3800,48 @@ const ds = A.ul`
     return r ? r.transparent === a.id ? null : { ...a, annotation: r } : a;
   }).filter(Boolean);
   return { ...t, files: o };
-}), Jn = [
+}), Kn = [
   "comments",
   "versions",
   "updates",
   "checklists",
   "has_attachments",
   "in_review_session"
-], Ds = (e) => !!e && "key" in e, Ns = (e, t) => {
+], Ts = (e) => !!e && "key" in e, Ds = (e, t) => {
   const o = [], n = [], a = (r) => {
     if (!r) return;
-    if (Ds(r)) {
+    if (Ts(r)) {
       const i = r.key;
       if (i === "body") {
         const p = String(r.value ?? "");
         p && n.push({ id: p, label: p });
         return;
       }
-      const l = t.find((p) => p.id === i);
-      if (!l) return;
-      if (Jn.includes(i)) {
+      const c = t.find((p) => p.id === i);
+      if (!c) return;
+      if (Kn.includes(i)) {
         r.value === !0 && o.push({
-          id: en(i),
-          label: l.label,
-          icon: l.icon,
+          id: tn(i),
+          label: c.label,
+          icon: c.icon,
           type: "boolean",
           singleSelect: !0,
           // value label = filter name so the compact chip (label hidden) reads
           // e.g. "Checklists" instead of "Yes"
-          values: [{ id: "true", label: l.label }]
+          values: [{ id: "true", label: c.label }]
         });
         return;
       }
       const m = Array.isArray(r.value) ? r.value : [r.value];
       o.push({
-        id: en(i),
-        label: l.label,
-        type: l.type,
-        icon: l.icon,
-        singleSelect: l.singleSelect,
+        id: tn(i),
+        label: c.label,
+        type: c.type,
+        icon: c.icon,
+        singleSelect: c.singleSelect,
         operator: "OR",
         values: m.map((p) => {
-          const g = l.values?.find((u) => u.id === String(p));
+          const g = c.values?.find((u) => u.id === String(p));
           return g ? { ...g } : { id: String(p), label: String(p) };
         })
       });
@@ -3872,25 +3854,25 @@ const ds = A.ul`
     }
     r.conditions?.forEach(a);
   };
-  return e?.conditions?.forEach(a), n.length && o.push({ id: Tn, label: "", values: n }), o;
-}, Ss = (e) => {
+  return e?.conditions?.forEach(a), n.length && o.push({ id: Dn, label: "", values: n }), o;
+}, Ns = (e) => {
   const t = [], o = [];
   return e.forEach((n) => {
-    const a = So(n.id), r = (n.values || []).map((s) => s.id);
+    const a = Eo(n.id), r = (n.values || []).map((s) => s.id);
     if (r.length)
-      if (a === Tn)
+      if (a === Dn)
         r.forEach(
           (s) => o.push({ key: "body", operator: "like", value: String(s) })
         );
-      else if (Jn.includes(a))
+      else if (Kn.includes(a))
         r.includes("true") && t.push({ key: a, operator: "eq", value: !0 });
       else if (n.type === "datetime") {
-        const s = Za(a, n);
+        const s = Xa(a, n);
         s && t.push(s);
       } else
         t.push({ key: a, operator: "in", value: r.map(String) });
   }), o.length === 1 ? t.push(o[0]) : o.length > 1 && t.push({ operator: "or", conditions: o }), { operator: "and", conditions: t };
-}, Is = A.div`
+}, Ss = F.div`
   padding: 4px 8px;
   padding-bottom: 0;
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
@@ -3905,7 +3887,7 @@ const ds = A.ul`
     opacity: 0.5;
     pointer-events: none;
   }
-`, Xn = ht(
+`, Xn = ft(
   ({
     feedFilter: e,
     setFeedFilter: t,
@@ -3916,11 +3898,11 @@ const ds = A.ul`
     checklistCount: s,
     onSearchTextChange: i
   }) => {
-    const l = S(() => {
-      const f = (T, I, P) => ({
+    const c = S(() => {
+      const f = (T, I, _) => ({
         id: T,
         label: I,
-        icon: P,
+        icon: _,
         type: "boolean",
         singleSelect: !0,
         values: []
@@ -3967,7 +3949,7 @@ const ds = A.ul`
           label: "Posted date",
           icon: "calendar_today",
           type: "datetime",
-          values: ga()
+          values: pa()
         }
       ];
     }, [o, n, a]);
@@ -3977,9 +3959,9 @@ const ds = A.ul`
       () => ["comments", { id: "checklists", label: m, tooltip: "Checklists" }],
       [m]
     ), g = S(
-      () => Ns(e, l),
-      [e, l]
-    ), [u, h] = $(g), v = er(), y = ve(null);
+      () => Ds(e, c),
+      [e, c]
+    ), [u, h] = L(g), v = nr(), y = ge(null);
     G(() => {
       h(g);
     }, [JSON.stringify(g)]), G(() => {
@@ -3992,15 +3974,15 @@ const ds = A.ul`
       };
     }, [y]);
     const D = (f) => {
-      t(Ss(f)), i?.("");
+      t(Ns(f)), i?.("");
     };
-    return /* @__PURE__ */ x(Is, { className: r ? "loading" : void 0, children: [
-      /* @__PURE__ */ c(
-        Io,
+    return /* @__PURE__ */ k(Ss, { className: r ? "loading" : void 0, children: [
+      /* @__PURE__ */ l(
+        Mo,
         {
           ref: y,
           compact: !0,
-          options: l,
+          options: c,
           filters: u,
           onChange: (f) => {
             v.wrapFilterChange(f, u, h);
@@ -4021,23 +4003,23 @@ const ds = A.ul`
             dropdown: {
               pt: {
                 item: {
-                  onClick: (f) => v.handleDropdownItemClick(f, u, l)
+                  onClick: (f) => v.handleDropdownItemClick(f, u, c)
                 }
               }
             }
           }
         }
       ),
-      /* @__PURE__ */ c(
-        Va,
+      /* @__PURE__ */ l(
+        La,
         {
           isOpen: !!v.customRangeFilterId,
-          header: l.find((f) => f.id === v.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+          header: c.find((f) => f.id === v.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
           startDate: v.customStartDate,
           endDate: v.customEndDate,
           onStartDateChange: v.setCustomStartDate,
           onEndDateChange: v.setCustomEndDate,
-          onApply: () => v.handleCustomRangeApply(u, l, D, y),
+          onApply: () => v.handleCustomRangeApply(u, c, D, y),
           onClose: v.handleCustomRangeClose
         }
       )
@@ -4045,7 +4027,7 @@ const ds = A.ul`
   }
 );
 Xn.displayName = "FeedSearchFilter";
-function Es({
+function Is({
   projectName: e,
   enabled: t,
   entityIds: o,
@@ -4056,7 +4038,7 @@ function Es({
   const s = S(
     () => n.find((p) => p.activityType === "version.review" && p.authorName === r),
     [n, r]
-  ), i = !!(o.length === 0 || !t || a || s), { data: l } = Ea(
+  ), i = !!(o.length === 0 || !t || a || s), { data: c } = Na(
     {
       projectName: e,
       entityIds: o,
@@ -4066,9 +4048,9 @@ function Es({
     },
     { skip: i }
   );
-  return S(() => s ?? l?.activities.at(-1), [s, l]);
+  return S(() => s ?? c?.activities.at(-1), [s, c]);
 }
-const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ projectName: e, entityType: t, entities: o, activities: n }) => {
+const Es = (e) => !!e.activityData?.annotations?.length || !!yt(e), Ms = ({ projectName: e, entityType: t, entities: o, activities: n }) => {
   const a = S(
     () => t === "version" ? Object.fromEntries(
       o.filter((i) => i.attrib).map((i) => [i.id, i.attrib?.frameStart ?? null])
@@ -4076,17 +4058,17 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
     [t, o]
   ), r = S(() => {
     const i = /* @__PURE__ */ new Set();
-    for (const l of n) {
-      const m = l.origin;
-      l.activityType !== "comment" || m?.type !== "version" || m.id in a || !Ms(l) || i.add(m.id);
+    for (const c of n) {
+      const m = c.origin;
+      c.activityType !== "comment" || m?.type !== "version" || m.id in a || !Es(c) || i.add(m.id);
     }
     return [...i].sort();
-  }, [n, a]), { data: s } = Ma(
+  }, [n, a]), { data: s } = Sa(
     { projectName: e, versionIds: r },
     { skip: !e || !r.length }
   );
   return S(() => ({ ...s, ...a }), [s, a]);
-}, _c = 30, Pc = ({
+}, Mc = 30, Pc = ({
   disabled: e,
   readOnly: t,
   statuses: o = [],
@@ -4097,7 +4079,7 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
 }) => {
   const {
     projectName: i,
-    entities: l,
+    entities: c,
     entityType: m,
     editingId: p,
     projectInfo: g,
@@ -4106,32 +4088,32 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
     activitiesData: v,
     isLoadingNew: y,
     isLoadingNextPage: D,
-    loadNextPage: _,
+    loadNextPage: P,
     hasNextPage: C,
     users: f,
     categories: b,
     checklistCount: T,
     feedFilter: I,
-    setFeedFilter: P,
+    setFeedFilter: _,
     isGuest: R,
     searchText: E,
     setSearchText: N
-  } = Le(), {
+  } = $e(), {
     openSlideOut: Q,
     highlightedActivities: Y,
     setHighlightedActivities: H,
     onOpenImage: J,
     setFeedAnnotations: q,
-    setFeedFrameLinks: L,
+    setFeedFrameLinks: $,
     user: te
-  } = Ue(), oe = I.conditions?.some(
+  } = ze(), oe = I.conditions?.some(
     (w) => "key" in w && w.key === "versions" && w.value === !0
   ), W = I.conditions?.some(
     (w) => "key" in w && ["comments", "checklists", "versions", "updates"].includes(w.key) && w.value === !0
-  ), j = I.conditions?.some(
+  ), U = I.conditions?.some(
     (w) => "key" in w && (w.key === "comments" || w.key === "checklists") && w.value === !0
-  ), de = m === "version" || m === "folder", { data: se, isLoading: ne } = _a({ projectName: i }, { skip: !i }), we = !te.data?.isManager && !te.data?.isAdmin && !ne && se?.activities?.enabled && !se?.activities?.activities?.includes("comment") || W && !j, xe = S(
-    () => Ts(v),
+  ), de = m === "version" || m === "folder", { data: ae, isLoading: ne } = Ia({ projectName: i }, { skip: !i }), we = !te.data?.isManager && !te.data?.isAdmin && !ne && ae?.activities?.enabled && !ae?.activities?.activities?.includes("comment") || W && !U, xe = S(
+    () => Cs(v),
     [v]
   );
   G(() => {
@@ -4145,17 +4127,17 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
     q(w);
   }, [xe]), G(() => {
     const w = v.map((M) => {
-      const O = ft(M);
+      const O = yt(M);
       return O && { ...O, activityId: M.activityId };
     }).filter((M) => !!M);
-    L(w);
+    $(w);
   }, [v]);
-  const Ce = _s({
+  const ke = Ms({
     projectName: i,
     entityType: m,
-    entities: l,
+    entities: c,
     activities: v
-  }), ge = ws(
+  }), he = bs(
     // @ts-ignore
     xe,
     f,
@@ -4163,99 +4145,99 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
     m,
     h,
     I
-  ), Ee = S(() => {
-    if (!E) return ge;
+  ), Me = S(() => {
+    if (!E) return he;
     const w = E.toLowerCase();
-    return ge.filter(
+    return he.filter(
       (M) => M.body?.toLowerCase().includes(w)
     );
-  }, [ge, E]), X = ve(null);
-  ks({ feedRef: X, isInputOpen: p === rt, height: 93 }), xs({
-    entities: l,
-    feedRef: X,
+  }, [he, E]), K = ge(null);
+  xs({ feedRef: K, isInputOpen: p === it, height: 93 }), ws({
+    entities: c,
+    feedRef: K,
     filter: I,
     disabled: !!Y.length,
     isLoading: y
-  }), Cs({
-    feedRef: X,
+  }), Fs({
+    feedRef: K,
     highlighted: Y,
     isLoading: y || D,
-    loadNextPage: _,
-    hasNextPage: !!_,
+    loadNextPage: P,
+    hasNextPage: !!P,
     activities: v
   });
   const {
-    submitComment: Ne,
+    submitComment: Te,
     updateComment: Oe,
-    deleteComment: Me,
-    submitReview: Te,
-    isSaving: Qe
-  } = ps({
+    deleteComment: Se,
+    submitReview: De,
+    isSaving: Ye
+  } = ms({
     projectName: i,
     entityType: m,
-    entities: l,
+    entities: c,
     filter: I,
     entityListId: n
   }), Ve = qe(
     async (w, M = [], O = {}) => {
-      await Ne(w, M, O), X.current && X.current.scrollTo({ top: 0 });
+      await Te(w, M, O), K.current && K.current.scrollTo({ top: 0 });
     },
-    [Ne, X]
-  ), be = qe(
+    [Te, K]
+  ), fe = qe(
     async (w) => {
-      await Te(w);
+      await De(w);
     },
-    [Te]
+    [De]
   ), Be = (w, M) => {
     const O = w?.target;
     if (!O || !M) return console.log("no target or activity");
-    const K = O.checked, ue = K ? "[ ]" : "[x]", F = K ? "[x]" : "[ ]", { body: me } = M, he = Array.from(
+    const X = O.checked, ue = X ? "[ ]" : "[x]", A = X ? "[x]" : "[ ]", { body: me } = M, ye = Array.from(
       O.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
-    ).findIndex((Ze) => Ze === O.closest("li"));
-    let Se = he;
-    (me.match(/\[.\]/g) || []).forEach((Ze, vt) => {
-      Ze !== ue && vt < he && Se--;
+    ).findIndex((et) => et === O.closest("li"));
+    let Ie = ye;
+    (me.match(/\[.\]/g) || []).forEach((et, bt) => {
+      et !== ue && bt < ye && Ie--;
     });
-    const $e = [];
-    let Je = -1;
-    for (; (Je = me.indexOf(ue, Je + 1)) > -1; )
-      $e.push(Je);
-    const Xe = $e[Se];
+    const Le = [];
+    let Ke = -1;
+    for (; (Ke = me.indexOf(ue, Ke + 1)) > -1; )
+      Le.push(Ke);
+    const Xe = Le[Ie];
     if (Xe === void 0) return;
-    const mt = Xe + ue.length, Ke = me.slice(0, Xe) + F + me.slice(mt);
-    Ke && Oe(M, Ke, M.files);
+    const mt = Xe + ue.length, Ze = me.slice(0, Xe) + A + me.slice(mt);
+    Ze && Oe(M, Ze, M.files);
   }, Ge = (w) => {
-    const { entityId: M, entityType: O, activityId: K } = w;
+    const { entityId: M, entityType: O, activityId: X } = w;
     if (!O || !["version", "task", "folder"].includes(O))
       return console.log("Entity type not supported yet");
     if (!M || !O || !i) return console.log("No entity id or type found");
-    Q({ entityId: M, entityType: O, projectName: i }), H([K]);
-  }, ae = ({ index: w, activityId: M }) => {
-    const O = Object.values(Ee).reverse().filter((K) => K.activityType == "comment").map((K) => ({
-      id: K.activityId,
-      files: K.files.filter((ue) => yt(ue.mime, ue.ext))
-    })).filter((K) => K.files.length > 0);
+    Q({ entityId: M, entityType: O, projectName: i }), H([X]);
+  }, re = ({ index: w, activityId: M }) => {
+    const O = Object.values(Me).reverse().filter((X) => X.activityType == "comment").map((X) => ({
+      id: X.activityId,
+      files: X.files.filter((ue) => vt(ue.mime, ue.ext))
+    })).filter((X) => X.files.length > 0);
     J?.({ files: O, activityId: M, index: w, projectName: i });
-  }, [Ye, _e] = $(null), He = !we && !t && !e, Pe = qe(
+  }, [Je, Pe] = L(null), He = !we && !t && !e, _e = qe(
     (w) => {
-      _e({ key: bn(), activity: w }), u(rt);
+      Pe({ key: wn(), activity: w }), u(it);
     },
     [u]
-  ), je = S(() => As(10), []), ke = Es({
+  ), je = S(() => As(10), []), Ae = Is({
     projectName: i,
     enabled: r,
-    entityIds: l.map((w) => w.id),
-    activities: ge,
+    entityIds: c.map((w) => w.id),
+    activities: he,
     loadingActivities: y,
     userName: h
   });
-  return /* @__PURE__ */ c(Ae, { children: /* @__PURE__ */ x(ls, { className: "feed", children: [
+  return /* @__PURE__ */ l(Ce, { children: /* @__PURE__ */ k(cs, { className: "feed", children: [
     void 0,
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       Xn,
       {
         feedFilter: I,
-        setFeedFilter: P,
+        setFeedFilter: _,
         users: f,
         categories: b,
         supportsReviewSession: de,
@@ -4264,27 +4246,27 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
         checklistCount: T
       }
     ),
-    /* @__PURE__ */ x(ds, { ref: X, className: ee({ loading: y }, "no-shimmer"), children: [
-      y ? je : Ee.map((w) => /* @__PURE__ */ c(
-        Yn,
+    /* @__PURE__ */ k(ls, { ref: K, className: ee({ loading: y }, "no-shimmer"), children: [
+      y ? je : Me.map((w) => /* @__PURE__ */ l(
+        Jn,
         {
           activity: w,
-          annotationFrameStart: Ce[w.origin?.id],
+          annotationFrameStart: ke[w.origin?.id],
           onCheckChange: Be,
-          onDelete: Me,
-          onUpdate: async (M, O, K, ue) => await Oe(w, M, O, ue),
-          onDuplicate: He ? Pe : void 0,
+          onDelete: Se,
+          onUpdate: async (M, O, X, ue) => await Oe(w, M, O, ue),
+          onDuplicate: He ? _e : void 0,
           projectInfo: g,
           projectName: i,
           entityType: m,
           onReferenceClick: Ge,
-          createdAts: l.map((M) => M.createdAt),
-          onFileExpand: ae,
-          showOrigin: l.length > 1,
+          createdAts: c.map((M) => M.createdAt),
+          onFileExpand: re,
+          showOrigin: c.length > 1,
           filter: I,
           editProps: {
             projectName: i,
-            entities: l,
+            entities: c,
             entityType: m
           },
           isHighlighted: Y.includes(w.activityId),
@@ -4295,49 +4277,51 @@ const Ms = (e) => !!e.activityData?.annotations?.length || !!ft(e), _s = ({ proj
         },
         w.activityId
       )),
-      Ee.length === 0 && oe && !j && !y && /* @__PURE__ */ c(St, { message: "No versions published yet", icon: "layers" }),
-      C && _ && /* @__PURE__ */ c(
-        Xa,
+      Me.length === 0 && oe && !U && !y && /* @__PURE__ */ l(St, { message: "No versions published yet", icon: "layers" }),
+      C && P && /* @__PURE__ */ l(
+        Ja,
         {
-          root: X.current,
-          onChange: (w) => w && _(),
+          root: K.current,
+          onChange: (w) => w && P(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ c(us, { style: { height: 0 }, onClick: () => _(), children: D ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ l(ds, { style: { height: 0 }, onClick: () => P(), children: D ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
-    !we && /* @__PURE__ */ c(
-      zn,
+    !we && /* @__PURE__ */ l(
+      Gn,
       {
         initValue: null,
         onSubmit: Ve,
-        isOpen: p === rt,
+        isOpen: p === it,
         onClose: () => u(null),
-        onOpen: () => u(rt),
+        onOpen: () => u(it),
         disabled: e,
-        isLoading: y || !l.length || Qe,
+        isLoading: y || !c.length || Ye,
         versionReview: r,
-        lastOwnVersionReview: ke,
-        onReview: be,
-        duplicate: Ye,
-        onDuplicateHandled: () => _e(null),
+        lastOwnVersionReview: Ae,
+        onReview: fe,
+        duplicate: Je,
+        onDuplicateHandled: () => Pe(null),
         saveDraft: s
       }
     )
   ] }) });
 };
 export {
-  Hr as A,
-  Ur as C,
-  Ec as D,
-  rt as F,
-  dn as P,
-  Mc as S,
-  it as a,
-  Pc as b,
-  Ic as c,
-  _c as d,
-  kr as e,
-  yt as f,
-  qr as i
+  Gr as A,
+  qr as C,
+  Ic as D,
+  it as F,
+  un as P,
+  Ec as S,
+  Ur as a,
+  st as b,
+  Pc as c,
+  Sc as d,
+  xr as e,
+  Mc as f,
+  vt as g,
+  Hr as i,
+  Jr as r
 };