@ynput/ayon-frontend-shared 0.7.5 → 0.8.0

package/dist/chunks/Feed.es.js

@@ -1,54 +1,54 @@
-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 ko from "remark-directive";
-import Ao from "remark-directive-rehype";
-import { toast as Fe } from "react-toastify";
-import { $createListItemNode as Fo, $createListNode as Co } from "@lexical/list";
-import { $getRoot as To } from "lexical";
-import { Button as ct, Dialog as Do, getFileSizeString as No, Icon as se, theme as Cn, getTextColor as _t, Dropdown as So, SaveButton as Io, UserImage as Tn, SEARCH_FILTER_ID as Dn, buildFilterId as tn, getFilterFromId as Eo, SearchFilter as Mo } from "@ynput/ayon-react-components";
-import { _ as Po, a1 as Nn, a2 as _o, H as Ro, a3 as Lo, a4 as nn, a5 as $o, a6 as Oo, a7 as Vo, y as jo, a8 as Uo, a9 as zo, aa as Bo, ab as Go, ac as Ho, ad as qo, ae as Wo, af as Qo, ag as Yo, ah as Jo, ai as Ko, O as Rt, W as Sn, T as Xo, aj as Zo, ak as ea, al as ta, am as na, an as oa, ao as aa, ap as ra, aq as on, ar as ia, b as sa, c as ca, i as la, as as da, S as ua, e as ma, L as pa } from "./PlayableIcon.es.js";
+import { jsx as c, jsxs as x, Fragment as Te } from "react/jsx-runtime";
+import nn, { useMemo as I, useState as L, useEffect as W, lazy as xo, Suspense as ko, useCallback as Je, useRef as pe, forwardRef as ft, useId as Ao, Fragment as Fo } from "react";
+import { v4 as xn } from "uuid";
+import ne, { clsx as kn } from "clsx";
+import An from "react-markdown";
+import Fn from "remark-emoji";
+import Cn from "remark-gfm";
+import Co from "remark-directive";
+import To from "remark-directive-rehype";
+import { toast as Ce } from "react-toastify";
+import { $createListItemNode as Do, $createListNode as No } from "@lexical/list";
+import { $getRoot as Io } from "lexical";
+import { Button as st, Dialog as So, getFileSizeString as Eo, Icon as se, theme as Tn, getTextColor as Lt, Dropdown as Mo, SaveButton as Po, UserImage as Dn, SEARCH_FILTER_ID as Nn, buildFilterId as on, getFilterFromId as _o, SearchFilter as Ro } from "@ynput/ayon-react-components";
+import { a8 as Lo, aa as In, ab as $o, P as Oo, ac as Vo, ad as an, ae as jo, af as Uo, ag as zo, J as Bo, ah as Go, ai as Ho, aj as qo, ak as Wo, al as Qo, am as Yo, an as Jo, ao as Ko, ap as Xo, aq as Zo, ar as ea, V as $t, a3 as Sn, a0 as ta, as as na, at as oa, au as aa, av as ra, aw as ia, ax as sa, ay as ca, az as rn, aA as la, b as da, c as ua, i as ma, aB as pa, _ as ga, e as ha, T as fa, S as ya, U as va } from "./FilmstripEntityCard.es.js";
 import "@lexical/code";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
 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 F, { css as Ot } from "styled-components";
+import { C as ba } from "./CodeEditor.es.js";
+import { E as It } from "./EmptyPlaceholder.es.js";
 import "./EmptyPlaceholderFlex.styled.es.js";
-import { a_ as ha, bt as an } from "./searchTerms.es.js";
-import { bk as fa, bn as ya, aJ as va, dn as ba, aW as wa, aQ as xa, b3 as ka, Q as Aa, bF as Fa, bm as Ca, bx as Ta, br as Da, bl as Na, cE as Sa, c1 as Ia } from "./getUris.es.js";
+import { a_ as wa, bs as sn } from "./searchTerms.es.js";
+import { bl as xa, bo as ka, aJ as Aa, dp as Fa, aW as Ca, aQ as Ta, b3 as Da, Q as Na, bG as Ia, bn as Sa, by as Ea, bs as Ma, bm as Pa, cF as _a, c2 as Ra } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { union as Ea, isEqual as Ma } from "lodash";
-import { b as Pa, F as _a, u as $e, a as In, T as Ra, C as La } from "./ThumbnailSimple.es.js";
+import { union as La, isEqual as $a } from "lodash";
+import { b as Oa, F as Va, u as $e, a as En, T as ja, C as Ua } from "./ThumbnailSimple.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
-import { v as ze, x as $a, a4 as yt, u as Oa } from "./TableExportContextInstance.es.js";
-import $t from "axios";
+import Vt from "axios";
+import { m as Be, q as za, a2 as yt, u as Ba } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
-import "react-redux";
 import "react-router-dom";
-import { p as be } from "./parseFilename.es.js";
-import { b as rn } from "./colorUtils.es.js";
+import { p as ve } from "./parseFilename.es.js";
+import { b as cn } from "./colorUtils.es.js";
 import "./EntityTooltip.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 { isValid as Ke, isToday as Ga, isSameYear as Ha, isSameDay as qa, isSameWeek as Wa, isSameMinute as Qa, format as St, formatISO as Ya, differenceInMinutes as Ja, differenceInSeconds as Ka, compareAsc as Xa } from "date-fns";
+import "@ynput/ayon-addon";
+import { a as Za, M as er } from "./Menu.es.js";
+import { InView as tr } from "react-intersection-observer";
+import { t as nr, c as or } from "./queryFilterToClientFilter.es.js";
+import { r as ar, a as rr, m as ir, u as sr } from "./useDateRangeFilter.es.js";
 import "match-sorter";
-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 = ({
+import { c as cr } from "./confirmDelete.es.js";
+import { c as Mn } from "./copyToClipboard.es.js";
+import { g as ln } from "./realtimeUpdatesUtils.es.js";
+const lr = ({
   entities: e,
   filter: t,
   backendFilter: o,
@@ -56,10 +56,10 @@ const ar = ({
   projectName: a,
   entityType: r
 }) => {
-  const i = S(
-    () => e.map((b) => ({ id: b.id, projectName: b.projectName, entityType: r })),
+  const i = I(
+    () => e.map((w) => ({ id: w.id, projectName: w.projectName, entityType: r })),
     [e]
-  ).map((b) => b.id), c = !e.length || !t || !n || !a, m = {
+  ).map((w) => w.id), l = !e.length || !t || !n || !a, m = {
     entityIds: i,
     projectName: a,
     referenceTypes: ["origin", "mention", "relation"],
@@ -72,23 +72,23 @@ const ar = ({
     isLoading: g,
     isFetchingNextPage: u,
     currentData: h,
-    fetchNextPage: v,
+    fetchNextPage: b,
     hasNextPage: y
-  } = 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 () => {
+  } = xa(m, { skip: l });
+  const D = I(() => p?.pages ? p.pages.flatMap((w) => w.activities || []) : [], [p?.pages]), M = I(() => h?.pages ? h.pages.flatMap((w) => w.activities || []) : [], [h?.pages]), C = async () => {
     if (!y) {
       console.log("No more activities to load");
       return;
     }
-    return console.log("loading next page..."), await v();
-  }, f = S(() => {
+    return console.log("loading next page..."), await b();
+  }, f = I(() => {
     if (!g) return !1;
-    const b = Ea(
-      P?.flatMap((T) => T.entityId ? T.entityId : [])
+    const w = La(
+      M?.flatMap((A) => A.entityId ? A.entityId : [])
     );
-    return !Ma(b, i);
-  }, [P, i, g]);
-  return c && (g = !0), {
+    return !$a(w, i);
+  }, [M, i, g]);
+  return l && (g = !0), {
     activitiesData: D,
     isLoadingActivities: g,
     isLoadingNew: f,
@@ -96,24 +96,24 @@ const ar = ({
     hasNextPage: y,
     loadNextPage: C
   };
-}, it = "__new__", Ic = ({ children: e, ...t }) => {
-  const { isGuest: o } = ze(), { data: n = [] } = ya({ projects: [t.projectName] }), { data: a = [] } = ha.useGetTeamsQuery(
+}, rt = "__new__", Mc = ({ children: e, ...t }) => {
+  const { isGuest: o } = Be(), { data: n = [] } = ka({ projects: [t.projectName] }), { data: a = [] } = wa.useGetTeamsQuery(
     { projectName: t.projectName, showMembers: !0 },
     { skip: !t.projectName }
-  ), r = S(
-    () => a.filter((U) => U.members?.some((de) => de.name === t.userName)).map((U) => U.name),
+  ), r = I(
+    () => a.filter((j) => j.members?.some((de) => de.name === t.userName)).map((j) => j.name),
     [a, t.userName]
   ), [s, i] = L({
     operator: "and",
     conditions: []
-  }), [c, m] = L(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = L(null), [v, y] = L(null), [D, { isLoading: P }] = va(), [C, { isLoading: f }] = ba(), [b, { isLoading: T }] = wa(), I = P || f || T, _ = async (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({
+  }), [l, m] = L(""), p = t.feedFilter ?? s, g = t.setFeedFilter ?? i, [u, h] = L(null), [b, y] = L(null), [D, { isLoading: M }] = Aa(), [C, { isLoading: f }] = Fa(), [w, { isLoading: A }] = Ca(), S = M || f || A, P = async (j) => await D(j).unwrap(), _ = async (j) => await C(j).unwrap(), E = async (j) => await w(j).unwrap(), [N] = Ta(), [G] = Da(), X = async (j) => await N(j).unwrap(), Q = async (j) => await G(j).unwrap(), Z = Na(p), Y = I(() => Oa(p), [p]), $ = lr({
     entities: t.entities,
     filter: p,
-    backendFilter: q,
-    activityTypes: J,
+    backendFilter: Y,
+    activityTypes: Z,
     projectName: t.projectName,
     entityType: t.entityType
-  }), { data: te = {} } = Fa(
+  }), { data: oe = {} } = Ia(
     {
       suggestRequest: {
         entityType: t.entityType,
@@ -122,49 +122,49 @@ const ar = ({
       projectName: t.projectName
     },
     { skip: !u }
-  ), { data: oe = [] } = Ca({
+  ), { data: ae = [] } = Sa({
     projectName: t.projectName
-  }), { data: W } = Ta(
+  }), { data: J } = Ea(
     {
       projectName: t.projectName,
-      entityIds: t.entities.map((U) => U.id)
+      entityIds: t.entities.map((j) => j.id)
     },
     { skip: !t.projectName || !t.entities.length }
   );
-  return /* @__PURE__ */ l(
-    _a.Provider,
+  return /* @__PURE__ */ c(
+    Va.Provider,
     {
       value: {
         ...t,
         ...$,
-        mentionSuggestionsData: te,
-        categories: oe,
-        checklistCount: W,
+        mentionSuggestionsData: oe,
+        categories: ae,
+        checklistCount: J,
         users: n,
-        isUpdatingActivity: I,
+        isUpdatingActivity: S,
         userTeamNames: r,
-        refTooltip: v,
-        activityTypes: J,
+        refTooltip: b,
+        activityTypes: Z,
         feedFilter: p,
         setFeedFilter: g,
-        backendFilter: q,
-        searchText: c,
+        backendFilter: Y,
+        searchText: l,
         setSearchText: m,
         isGuest: o,
         editingId: u,
         setEditingId: h,
         setRefTooltip: y,
         // Query functions
-        createEntityActivity: _,
-        updateActivity: R,
+        createEntityActivity: P,
+        updateActivity: _,
         deleteActivity: E,
-        createReaction: Y,
-        deleteReaction: H
+        createReaction: X,
+        deleteReaction: Q
       },
       children: e
     }
   );
-}, rr = F.div`
+}, dr = F.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
   gap: var(--base-gap-large);
@@ -180,7 +180,7 @@ const ar = ({
     301px + var(--padding-s) + var(--padding-s) + var(--base-gap-large)+ var(--base-gap-large)
   );
   overflow: auto;
-`, ir = F.div`
+`, ur = F.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -226,7 +226,7 @@ const ar = ({
   .download-icon {
     color: var(--md-sys-color-outline);
   }
-`, sr = F.footer`
+`, mr = F.footer`
   background-color: var(--md-sys-color-surface-container-low);
   display: flex;
   align-items: center;
@@ -326,7 +326,7 @@ const ar = ({
       }
     }
   }
-`, cr = F.div`
+`, pr = F.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -363,7 +363,7 @@ const ar = ({
   &:hover .image-wrapper::after {
     opacity: 0.8;
   }
-`, ln = F.div`
+`, dn = F.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -402,7 +402,7 @@ const ar = ({
   &.posterError {
     background-color: transparent;
   }
-`, lr = F.div`
+`, gr = F.div`
   display: none;
   position: absolute;
   left: 0;
@@ -411,7 +411,7 @@ const ar = ({
   height: calc(100% - 20px);
   width: 100%;
   gap: 0;
-`, dn = F(ct)`
+`, un = F(st)`
   height: 100%;
   width: 100%;
   border: none;
@@ -422,7 +422,7 @@ const ar = ({
     background: none;
     opacity: 1;
   }
-`, dr = F(Po)`
+`, hr = F(Lo)`
   --icon-size: 32px;
   top: calc(50% - 10px);
   left: 50%;
@@ -434,7 +434,7 @@ const ar = ({
   .icon {
     font-size: var(--icon-size);
   }
-`, Ec = F(Do)`
+`, Pc = F(So)`
   min-height: 90vh;
   max-height: 90vh;
   min-width: min(90vw, 100%);
@@ -519,7 +519,7 @@ const ar = ({
   &:focus-visible {
     outline: none;
   }
-`, ur = F.img`
+`, fr = F.img`
   height: 100%;
   width: 100%;
 
@@ -529,7 +529,7 @@ const ar = ({
   max-width: 90vw;
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, Mc = F.div`
+`, _c = F.div`
   &.scrollable {
     position: absolute;
     inset: 56px;
@@ -541,7 +541,7 @@ const ar = ({
     inset: 56px 0 0 0;
     display: flex;
   }
-`, un = F.div`
+`, mn = F.div`
   position: relative;
   display: flex;
   flex: 1;
@@ -558,45 +558,45 @@ const ar = ({
     flex: 1;
     min-width: 0;
   }
-`, dt = (e, t) => `/api/projects/${t}/files/${e}`, mr = ({
+`, ct = (e, t) => `/api/projects/${t}/files/${e}`, yr = ({
   file: e,
   fullPreviews: t = ["png", "jpg", "jpeg", "gif", "svg", "webp"]
 }) => {
   const { id: o, projectName: n, mime: a } = e;
-  let r = dt(o, n);
-  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ l(ur, { src: r, autoFocus: !0 });
-}, pr = F(ga)`
+  let r = ct(o, n);
+  return t.some((i) => a.includes(i)) || (r += "/thumbnail"), /* @__PURE__ */ c(fr, { src: r, autoFocus: !0 });
+}, vr = F(ba)`
   border-radius: var(--border-radius-m);
   height: 100%;
   overflow: auto !important;
-`, gr = ({ file: e }) => {
-  let t = dt(e.id, e.projectName);
+`, br = ({ file: e }) => {
+  let t = ct(e.id, e.projectName);
   const [o, n] = L(""), [a, r] = L(null);
-  return G(() => {
+  return W(() => {
     (async () => {
       try {
         const i = await fetch(t);
         if (!i.ok)
           throw new Error(`HTTP error! status: ${i.status}`);
-        const c = await i.text();
-        n(c);
+        const l = await i.text();
+        n(l);
       } catch (i) {
         r(i.message);
       }
     })();
-  }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ k("div", { children: [
+  }, [e.projectName, e.id, t]), a ? /* @__PURE__ */ x("div", { children: [
     "Error: ",
     a
-  ] }) : 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) => {
+  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(An, { remarkPlugins: [Cn, Fn], children: o }) : /* @__PURE__ */ c(vr, { value: o, language: e.extension, readOnly: !0 });
+}, Pn = () => import("./VideoPlayer.es.js"), wr = xo(Pn), xr = ({ duration: e, width: t, height: o }) => Number.isFinite(e) && e > 0 && t > 0 && o > 0, kr = 1e4, Ar = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", Fr = (e, t) => {
   const [o, n] = L({ status: "loading" });
-  return G(() => {
+  return W(() => {
     n({ status: "loading" });
     let a = !1, r = null, s;
     const i = () => {
-      r && (r.removeEventListener("loadedmetadata", c), r.removeEventListener("error", m), r.removeAttribute("src"), r.load(), r = null);
+      r && (r.removeEventListener("loadedmetadata", l), r.removeEventListener("error", m), r.removeAttribute("src"), r.load(), r = null);
     };
-    function c() {
+    function l() {
       if (a || !r) return;
       clearTimeout(s);
       const u = {
@@ -604,14 +604,14 @@ const ar = ({
         width: r.videoWidth,
         height: r.videoHeight
       };
-      if (fr(u)) {
+      if (xr(u)) {
         i(), n({ status: "ready", metadata: u });
         return;
       }
       p(`unusable metadata ${JSON.stringify(u)}`);
     }
     function m() {
-      a || (clearTimeout(s), p(vr(r?.error ?? null)));
+      a || (clearTimeout(s), p(Ar(r?.error ?? null)));
     }
     const p = (u) => {
       const h = r?.preload === "metadata";
@@ -622,7 +622,7 @@ const ar = ({
       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"), yr), r.addEventListener("loadedmetadata", c), r.addEventListener("error", m), r.src = e;
+      r = document.createElement("video"), r.preload = u, r.muted = !0, r.playsInline = !0, s = setTimeout(() => !a && p("timed out"), kr), r.addEventListener("loadedmetadata", l), r.addEventListener("error", m), r.src = e;
     }
     return g("metadata"), () => {
       a = !0, clearTimeout(s), i();
@@ -638,18 +638,18 @@ const ar = ({
       codec: t?.codec
     }
   };
-}, wr = ({ file: e }) => {
-  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = dt(t, o), s = br(r, a);
-  if (G(() => {
-    Mn();
+}, Cr = ({ file: e }) => {
+  const { id: t, projectName: o, name: n, mediaInfo: a } = e, r = ct(t, o), s = Fr(r, a);
+  if (W(() => {
+    Pn();
   }, []), s.status === "error")
-    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: [
+    return /* @__PURE__ */ c(mn, { children: /* @__PURE__ */ c(It, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ x("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
       "Download ",
       n
     ] }) }) });
-  const i = /* @__PURE__ */ 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,
+  const i = /* @__PURE__ */ c(mn, { children: /* @__PURE__ */ c(It, { icon: "hourglass_empty", message: "Loading video..." }) });
+  return s.status === "loading" ? i : /* @__PURE__ */ c(ko, { fallback: i, children: /* @__PURE__ */ c(
+    wr,
     {
       id: t,
       name: n,
@@ -662,20 +662,20 @@ const ar = ({
       codec: s.metadata.codec
     }
   ) });
-}, xr = {
+}, Tr = {
   image: {
-    component: mr,
+    component: yr,
     mimeTypes: ["image/"],
     fullPreviews: ["png", "jpg", "jpeg", "gif", "svg", "webp"],
     id: "image"
   },
   video: {
-    component: wr,
+    component: Cr,
     mimeTypes: ["video/"],
     id: "video"
   },
   text: {
-    component: gr,
+    component: br,
     mimeTypes: ["text/", "application/json", "scss", "jsx"],
     id: "text"
   },
@@ -683,11 +683,11 @@ const ar = ({
     component: null,
     mimeTypes: ["pdf"],
     id: "pdf",
-    callback: (e) => window.open(dt(e.id, e.projectName), "_blank")
+    callback: (e) => window.open(ct(e.id, e.projectName), "_blank")
   }
-}, vt = (e = "", t = "") => Object.values(xr).some(
+}, vt = (e = "", t = "") => Object.values(Tr).some(
   ({ mimeTypes: o = [] }) => o.some((n) => (e || t)?.includes(n))
-), kr = {
+), Dr = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -729,12 +729,12 @@ const ar = ({
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, Ar = (e) => {
-  for (const [t, o] of Object.entries(kr))
+}, Nr = (e) => {
+  for (const [t, o] of Object.entries(Dr))
     if (o.some((n) => e.includes(n)))
       return t;
   return "draft";
-}, Fr = ({
+}, Ir = ({
   name: e,
   mime: t,
   src: o,
@@ -743,31 +743,31 @@ const ar = ({
   annotationFrameStart: r,
   size: s,
   progress: i,
-  onRemove: c,
+  onRemove: l,
   isCompact: m,
   isDownloadable: p = !1,
   onExpand: g,
   disableExpand: u,
   onJumpTo: h,
-  className: v,
+  className: b,
   ...y
 }) => {
-  const D = i && i < 100, [P, C] = L(!1), [f, b] = L(!1), { feedAnnotationsEnabled: T } = ze(), { entities: I } = $e(), _ = e.split("."), R = _.pop() || "", E = _.join("."), 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(
+  const D = i && i < 100, [M, C] = L(!1), [f, w] = L(!1), { feedAnnotationsEnabled: A } = Be(), { entities: S } = $e(), P = e.split("."), _ = P.pop() || "", E = P.join("."), N = vt(t || "." + _), G = t?.includes("image/") || !!n, Q = !!t?.includes("video/") && !n && o ? `${o}/thumbnail` : void 0, Z = /* @__PURE__ */ x(Te, { children: [
+    /* @__PURE__ */ c("span", { className: "size", children: Eo(s) }),
+    /* @__PURE__ */ c(se, { icon: "download", className: "download-icon" })
+  ] }), Y = I(
     () => n ?? a,
     [n, a]
-  ), $ = S(() => I.at(0), [I]), te = S(() => {
-    if (!q?.range)
+  ), $ = I(() => S.at(0), [S]), oe = I(() => {
+    if (!Y?.range)
       return [1, 1];
-    const oe = r === void 0 ? $?.attrib?.frameStart : r;
-    return Number.isFinite(oe) ? [oe - 1 + q.range[0], oe - 1 + q.range[1]] : q.range;
-  }, [q, r, $]);
-  return /* @__PURE__ */ k(
-    ir,
+    const ae = r === void 0 ? $?.attrib?.frameStart : r;
+    return Number.isFinite(ae) ? [ae - 1 + Y.range[0], ae - 1 + Y.range[1]] : Y.range;
+  }, [Y, r, $]);
+  return /* @__PURE__ */ x(
+    ur,
     {
-      className: ee(v, {
+      className: ne(b, {
         compact: m,
         isDownloadable: p,
         isPreviewable: N,
@@ -775,51 +775,51 @@ const ar = ({
       }),
       ...y,
       children: [
-        /* @__PURE__ */ k(
-          cr,
+        /* @__PURE__ */ x(
+          pr,
           {
-            className: ee("content-wrapper", {
+            className: ne("content-wrapper", {
               isPreviewable: N,
               isUnsavedAnnotation: !!n
             }),
             children: [
-              /* @__PURE__ */ l(se, { icon: Ar(t || "." + R), className: "type-icon" }),
-              Q && o && /* @__PURE__ */ l(
-                ln,
+              /* @__PURE__ */ c(se, { icon: Nr(t || "." + _), className: "type-icon" }),
+              G && o && /* @__PURE__ */ c(
+                dn,
                 {
-                  className: ee({
+                  className: ne({
                     "image-wrapper": !0,
                     isDownloadable: p || N || n
                   }),
-                  children: /* @__PURE__ */ l(
+                  children: /* @__PURE__ */ c(
                     "img",
                     {
                       src: o,
                       onError: () => C(!0),
                       style: {
-                        display: P ? "none" : "block"
+                        display: M ? "none" : "block"
                       }
                     }
                   )
                 }
               ),
-              H && /* @__PURE__ */ k(
-                ln,
+              Q && /* @__PURE__ */ x(
+                dn,
                 {
-                  className: ee({
+                  className: ne({
                     "image-wrapper": !0,
                     isDownloadable: p || N,
                     posterError: f
                   }),
                   children: [
-                    !f && /* @__PURE__ */ l("img", { src: H, onError: () => b(!0) }),
-                    /* @__PURE__ */ l(dr, {})
+                    !f && /* @__PURE__ */ c("img", { src: Q, onError: () => w(!0) }),
+                    /* @__PURE__ */ c(hr, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ k(lr, { className: "expand-buttons", children: [
-                N && !u && /* @__PURE__ */ l(
-                  dn,
+              /* @__PURE__ */ x(gr, { className: "expand-buttons", children: [
+                N && !u && /* @__PURE__ */ c(
+                  un,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
@@ -827,8 +827,8 @@ const ar = ({
                     onClick: g
                   }
                 ),
-                (n || T && a) && /* @__PURE__ */ l(
-                  dn,
+                (n || A && a) && /* @__PURE__ */ c(
+                  un,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
@@ -840,36 +840,36 @@ const ar = ({
             ]
           }
         ),
-        /* @__PURE__ */ k(
-          sr,
+        /* @__PURE__ */ x(
+          mr,
           {
-            className: ee({
+            className: ne({
               inProgress: D,
               isPreviewable: N && !u,
               isDownloadable: p
             }),
             children: [
-              /* @__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__ */ k("span", { className: "name", children: [
+              /* @__PURE__ */ c("span", { className: "progress", style: { right: `${100 - i}%` } }),
+              /* @__PURE__ */ c("div", { className: "name-wrapper", children: Y ? /* @__PURE__ */ x("span", { className: "name", children: [
+                /* @__PURE__ */ c(se, { icon: "draw" }),
+                oe[0],
+                oe[1] !== oe[0] && ` - ${oe[1]}`
+              ] }) : /* @__PURE__ */ x("span", { className: "name", children: [
                 E,
-                /* @__PURE__ */ k("span", { className: "extension", children: [
+                /* @__PURE__ */ x("span", { className: "extension", children: [
                   ".",
-                  R
+                  _
                 ] })
               ] }) }),
-              p && (c ? /* @__PURE__ */ l("div", { className: "download", children: J }) : /* @__PURE__ */ l("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: J }))
+              p && (l ? /* @__PURE__ */ c("div", { className: "download", children: Z }) : /* @__PURE__ */ c("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: Z }))
             ]
           }
         ),
-        c && /* @__PURE__ */ l(ct, { className: "remove", onClick: c, icon: "close" })
+        l && /* @__PURE__ */ c(st, { className: "remove", onClick: l, icon: "close" })
       ]
     }
   );
-}, Pn = ({
+}, _n = ({
   files: e = [],
   activityId: t,
   isCompact: o,
@@ -878,26 +878,26 @@ const ar = ({
   projectName: r,
   isDownloadable: s,
   onExpand: i,
-  onAnnotationClick: c,
+  onAnnotationClick: l,
   pt: m,
   ...p
 }) => {
   if (!e.length) return null;
-  const g = qe(
+  const g = Je(
     (u) => {
-      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 || "" });
+      const h = e.filter((y) => vt(y.mime, y.ext)), b = h.findIndex((y) => y.id === e[u].id);
+      i?.({ files: h, index: b, activityId: t || "" });
     },
     [i]
   );
-  return /* @__PURE__ */ l(rr, { className: ee({ compact: o }), ...p, children: e.map((u, h) => /* @__PURE__ */ l(
-    Fr,
+  return /* @__PURE__ */ c(dr, { className: ne({ compact: o }), ...p, children: e.map((u, h) => /* @__PURE__ */ c(
+    Ir,
     {
       id: u.id || u.name,
       name: u.name,
       mime: u.mime || u.type,
       size: u.size,
-      src: u.unsavedAnnotation ? u.thumbnail : u.id ? dt(u.id, r) : void 0,
+      src: u.unsavedAnnotation ? u.thumbnail : u.id ? ct(u.id, r) : void 0,
       unsavedAnnotation: u.unsavedAnnotation,
       savedAnnotation: u.annotation,
       progress: u.progress,
@@ -905,13 +905,13 @@ const ar = ({
       isCompact: o,
       isDownloadable: s,
       onExpand: () => g(h),
-      onJumpTo: () => c?.(u),
+      onJumpTo: () => l?.(u),
       disableExpand: n,
       ...m?.file
     },
     u.id || u.name
   )) });
-}, Cr = (e) => {
+}, Sr = (e) => {
   const t = /!\[.*?\]\((.*?)\)/g, o = e.match(t);
   let n = e;
   return o && o.forEach((a) => {
@@ -919,46 +919,46 @@ const ar = ({
     const r = a.match(/\(([^)]+)\)/)[1], s = r.split("?")[0];
     n = e.replace(r, s);
   }), n;
-}, Tr = new AbortController(), Dr = $t.CancelToken, Nr = Dr.source(), We = (e, t, o) => new Promise((n, a) => {
+}, Er = new AbortController(), Mr = Vt.CancelToken, Pr = Mr.source(), Xe = (e, t, o) => new Promise((n, a) => {
   new FormData().append("image", e);
   const s = {
-    signal: Tr.signal,
-    cancelToken: Nr.token,
+    signal: Er.signal,
+    cancelToken: Pr.token,
     onUploadProgress: (i) => o && o(i, e),
     headers: {
       "Content-Type": e.type,
-      "x-file-name": be(e.name)
+      "x-file-name": ve(e.name)
     }
   };
-  $t.post(`/api/projects/${t}/files`, e, s).then((i) => {
+  Vt.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 });
   });
-}), Sr = (e, t, o, n, a) => {
+}), _r = (e, t, o, n, a) => {
   e.preventDefault(), e.stopPropagation();
   let r = e.dataTransfer.files;
   if (r?.length) {
     if (r.length === 0) return;
     for (const s of r)
-      We(s, t, o).then(
+      Xe(s, t, o).then(
         (i) => n(i),
         (i) => {
-          a && a(s), Fe.error(i.message), console.warn(i);
+          a && a(s), Ce.error(i.message), console.warn(i);
         }
       );
   }
-}, Ir = (e, t, o) => (t || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((n) => {
+}, Rr = (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 === be(n.name))
+  (n) => n.versionId === t && !o.some((a) => a.name === ve(n.name))
 ).map((n) => ({
   ...n,
   unsavedAnnotation: n
-}))), 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(it);
+}))), Lr = ({ entityId: e, filesUploading: t }) => {
+  const { editingId: o, setEditingId: n, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: s } = Be(), i = Rr(a || [], e, t);
+  return W(() => {
+    i.length > 0 && !o && n(rt);
   }, [i]), {
     annotations: i,
     goToAnnotation: (m) => {
@@ -967,101 +967,101 @@ const ar = ({
     },
     removeAnnotation: r
   };
-}, _n = (e) => S(() => {
+}, Rn = (e) => I(() => {
   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 = rn(e, a, 0.1) || e, i = rn(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 = cn(e, a, 0.1) || e, i = cn(e, r, 0.2) || e;
   return {
     primary: s,
     secondary: i
   };
-}, [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);
+}, [e]), $r = ({ projectName: e, onSuccess: t, onProgress: o, onStart: n, onError: a }) => {
+  const { exportAnnotationComposite: r } = $e(), s = async (l) => {
+    const m = await r?.(l.id);
     if (!m)
-      throw new Error(`Exporting composite image for annotation ${c.id} failed`);
-    const p = new File([m], c.name, {
+      throw new Error(`Exporting composite image for annotation ${l.id} failed`);
+    const p = new File([m], l.name, {
       type: "image/png"
-    }), g = await fetch(c.annotationData).then((P) => P.blob()), u = new File([g], `annotation-${c.name}`, {
+    }), g = await fetch(l.annotationData).then((M) => M.blob()), u = new File([g], `annotation-${l.name}`, {
       type: "image/png"
     }), h = await Promise.all([
-      We(p, e, o),
-      We(u, e, () => {
+      Xe(p, e, o),
+      Xe(u, e, () => {
       })
-    ]), [v, y] = h, D = [t(v), t(y, !0)];
-    return { annotation: c, uploads: h, files: D };
+    ]), [b, y] = h, D = [t(b), t(y, !0)];
+    return { annotation: l, uploads: h, files: D };
   };
-  return async (c) => {
+  return async (l) => {
     try {
-      const m = c.map(async (h) => {
+      const m = l.map(async (h) => {
         n?.(h);
         try {
           return await s(h);
-        } catch (v) {
-          throw a?.(h), v;
+        } catch (b) {
+          throw a?.(h), b;
         }
       }), p = await Promise.allSettled(m), g = [], u = [];
       return p.forEach((h) => {
         if (h.status === "fulfilled") {
-          const { uploads: v, annotation: y, files: D } = h.value;
+          const { uploads: b, annotation: y, files: D } = h.value;
           g.push(...D), u.push({
             range: y.range,
             id: y.id,
-            composite: v[0].data.id,
-            transparent: v[1].data.id
+            composite: b[0].data.id,
+            transparent: b[1].data.id
           });
         } else
-          Fe.error("Upload failed: " + h.reason.message);
+          Ce.error("Upload failed: " + h.reason.message);
       }), { files: g, metadata: u };
     } catch (m) {
-      return Fe.error("Upload failed: " + m.message), { files: [], metadata: [] };
+      return Ce.error("Upload failed: " + m.message), { files: [], metadata: [] };
     }
   };
-}, Rn = "ayon-comment-draft/", Ln = 720 * 60 * 60 * 1e3, Pr = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, $n = (e) => {
+}, Ln = "ayon-comment-draft/", $n = 720 * 60 * 60 * 1e3, Or = (e) => !e.text.trim() && !e.files.length && !e.uploadedAnnotations.length, On = (e) => {
   try {
     const t = localStorage.getItem(e);
     return t ? JSON.parse(t) : null;
   } catch {
     return null;
   }
-}, _r = (e, t) => {
+}, Vr = (e, t) => {
   try {
-    Pr(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
+    Or(t) ? localStorage.removeItem(e) : localStorage.setItem(e, JSON.stringify({ ...t, savedAt: Date.now() }));
   } catch (o) {
     console.warn("Could not save comment draft", o);
   }
-}, Rr = () => {
+}, jr = () => {
   try {
     const e = Date.now();
     for (const t of Object.keys(localStorage)) {
-      if (!t.startsWith(Rn)) continue;
-      const o = $n(t);
-      (!o || e - o.savedAt > Ln) && localStorage.removeItem(t);
+      if (!t.startsWith(Ln)) continue;
+      const o = On(t);
+      (!o || e - o.savedAt > $n) && localStorage.removeItem(t);
     }
   } catch {
   }
-}, 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(() => {
+}, Ur = (e, t, o) => e && t && o.length ? `${Ln}${e}/${t}/${[...o].sort().join(",")}` : null, zr = ({ draftKey: e, draft: t, paused: o, restore: n }) => {
+  const a = pe(null), r = pe(!1);
+  W(() => {
     if (!e || o) return;
     const s = a.current;
     if (a.current = e, s === e) return;
-    s || Rr();
-    const i = $n(e);
-    i && Date.now() - i.savedAt <= Ln ? (r.current = !0, n({
+    s || jr();
+    const i = On(e);
+    i && Date.now() - i.savedAt <= $n ? (r.current = !0, n({
       text: i.text ?? "",
       files: i.files ?? [],
       uploadedAnnotations: i.uploadedAnnotations ?? [],
       category: i.category ?? null
     })) : s && (r.current = !0, n({ text: "", files: [], uploadedAnnotations: [], category: t.category }));
-  }, [e, o]), G(() => {
+  }, [e, o]), W(() => {
     if (r.current) {
       r.current = !1;
       return;
     }
-    !e || o || _r(e, t);
+    !e || o || Vr(e, t);
   }, [e, o, t.text, t.files, t.uploadedAnnotations, t.category]);
-}, Or = "Category", Vr = F.div`
+}, Br = "Category", Gr = F.div`
   display: flex;
   padding: 2px 4px;
   justify-content: center;
@@ -1087,7 +1087,7 @@ const ar = ({
 
   &.compact {
     padding: 1px 2px;
-    ${Cn.labelMedium}
+    ${Tn.labelMedium}
   }
 
   &.editing {
@@ -1110,13 +1110,13 @@ const ar = ({
       color: var(--md-sys-color-tertiary);
     }
   }
-`, st = ft(
-  ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: s, className: i, ...c }, m) => /* @__PURE__ */ l(
-    Vr,
+`, it = ft(
+  ({ value: e, color: t, isCompact: o, isEditing: n, isPower: a, isDisabled: r, style: s, className: i, ...l }, m) => /* @__PURE__ */ c(
+    Gr,
     {
-      ...c,
+      ...l,
       ref: m,
-      className: ee(i, {
+      className: ne(i, {
         none: !e,
         compact: o,
         editing: n,
@@ -1128,13 +1128,13 @@ const ar = ({
         ...t && {
           backgroundColor: t,
           borderColor: t,
-          color: _t(t)
+          color: Lt(t)
         }
       },
-      children: e || Or
+      children: e || Br
     }
   )
-), jr = F.span`
+), Hr = F.span`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1153,7 +1153,7 @@ const ar = ({
       color: var(--md-sys-color-on-surface) !important;
     }
   }
-`, Ur = ft(
+`, qr = ft(
   ({
     label: e,
     color: t,
@@ -1163,18 +1163,18 @@ const ar = ({
     endContent: r,
     isClear: s,
     style: i,
-    className: c,
+    className: l,
     ...m
-  }, p) => /* @__PURE__ */ k(
-    jr,
+  }, p) => /* @__PURE__ */ x(
+    Hr,
     {
       ...m,
-      className: ee(c, { selected: n }),
-      style: { backgroundColor: n && t ? t : "", color: _t(n && t ? t : ""), ...i },
+      className: ne(l, { selected: n }),
+      style: { backgroundColor: n && t ? t : "", color: Lt(n && t ? t : ""), ...i },
       ref: p,
       children: [
         a,
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           se,
           {
             icon: o || (s ? "clear" : "crop_square"),
@@ -1186,7 +1186,7 @@ const ar = ({
       ]
     }
   )
-), zr = "1.3.0", Br = F(So)`
+), Wr = "1.3.0", Qr = F(Mo)`
   button {
     /* remove all styles and just use a wrapper */
     background-color: unset !important;
@@ -1197,7 +1197,7 @@ const ar = ({
     width: unset !important;
     color: var(--md-sys-color-on-surface) !important;
   }
-`, Gr = ({
+`, Yr = ({
   value: e,
   categories: t,
   readonly: o,
@@ -1206,34 +1206,34 @@ const ar = ({
   hasPowerpack: r,
   onPowerFeature: s,
   onChange: i,
-  ...c
+  ...l
 }) => {
   if (n) return null;
   const m = t.find((u) => u.name === e), { color: p } = m || {};
   if (!r)
-    return /* @__PURE__ */ l(
-      st,
+    return /* @__PURE__ */ c(
+      it,
       {
         value: null,
         isPower: !0,
         isDisabled: !0,
-        style: c.style,
+        style: l.style,
         onClick: () => s?.("commentCategories"),
         "data-tooltip": "Comment categories is a Powerpack feature"
       }
     );
   if (o)
-    return /* @__PURE__ */ l(st, { value: e, color: p, isCompact: a, style: c.style });
+    return /* @__PURE__ */ c(it, { value: e, color: p, isCompact: a, style: l.style });
   if (!t.length)
-    return /* @__PURE__ */ l(
-      st,
+    return /* @__PURE__ */ c(
+      it,
       {
         value: e,
         color: p,
         isCompact: a,
-        style: c.style,
-        onClick: () => Fe.warning(
-          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${zr}.`
+        style: l.style,
+        onClick: () => Ce.warning(
+          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${Wr}.`
         )
       }
     );
@@ -1246,48 +1246,48 @@ const ar = ({
       icon: null
     }))
   ];
-  return /* @__PURE__ */ l(
-    Br,
+  return /* @__PURE__ */ c(
+    Qr,
     {
       options: g,
       value: e ? [e] : [],
       onChange: (u) => i(u[0]),
-      valueTemplate: () => /* @__PURE__ */ l(st, { value: e, color: p, isCompact: a, isEditing: !0 }),
-      itemTemplate: (u, h, v, y) => /* @__PURE__ */ l(
-        Ur,
+      valueTemplate: () => /* @__PURE__ */ c(it, { value: e, color: p, isCompact: a, isEditing: !0 }),
+      itemTemplate: (u, h, b, y) => /* @__PURE__ */ c(
+        qr,
         {
           label: u.label,
           color: u.color,
-          isSelected: v,
+          isSelected: b,
           isClear: u.value === null
         },
         y
       ),
-      ...c
+      ...l
     }
   );
-}, 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) => {
+}, Jr = (e, { isGuest: t, isAdmin: o }) => !!(t || !e.length && !o), Kr = ["tip", "status"], Xr = ["textDirective", "leafDirective", "containerDirective"], Vn = (e) => ({ type: "text", value: e }), Ft = (e) => ({ type: "paragraph", children: [Vn(e)] }), Zr = (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);
+}, ei = (e, t) => {
+  const o = Zr(e, t);
   if (o === null) return null;
-  if (e.type === "textDirective") return [On(o)];
+  if (e.type === "textDirective") return [Vn(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) => {
+}, jn = (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;
+    const s = Xr.includes(a.type) && !o.includes(a.name || "") ? ei(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`
+  e.children = n, n.forEach((a) => jn(a, t, o));
+}, ti = (e = Kr) => (t, o) => {
+  jn(t, String(o.value ?? ""), e);
+}, Un = 1e4, ni = F.span`
   margin-left: auto;
   color: var(--md-sys-color-outline);
   user-select: none;
@@ -1300,99 +1300,99 @@ const ar = ({
   min-width: 0;
   max-width: fit-content;
 
-  ${Cn.bodySmall}
-`, ut = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
+  ${Tn.bodySmall}
+`, lt = ({ date: e, isExact: t, exactTooltip: o = !1, ...n }) => {
   const [a, r] = L(!0), [s, i] = L(/* @__PURE__ */ new Date());
   if (!e) return null;
-  const c = new Date(e);
-  if (!lt(c)) return null;
-  G(() => {
-    const b = setInterval(
+  const l = new Date(e);
+  if (!Ke(l)) return null;
+  W(() => {
+    const w = setInterval(
       () => i(/* @__PURE__ */ new Date()),
-      jn
+      Un
     );
-    return () => clearInterval(b);
+    return () => clearInterval(w);
   }, []);
-  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;
+  const m = Ga(l), p = Ha(l, s), g = qa(l, new Date(s.setDate(s.getDate() - 1))), u = Wa(l, s), h = Qa(l, s), b = g ? "" : p ? u ? "E" : "MMM d" : "MMM d yyyy", y = "h:mm a", D = I(() => In(l), [l]), M = I(() => m ? St(l, `${b}, ${y}`) : St(l, `EEEE, dd MMM yyyy ${y}`), [l, m]);
+  let C = a && !t ? D : M;
   g && a && !t && (C = `Yesterday${C}`), h && (C = "Just now");
   const f = () => {
     r(!a);
   };
-  return /* @__PURE__ */ l(
-    Kr,
+  return /* @__PURE__ */ c(
+    ni,
     {
-      className: ee("date"),
+      className: ne("date"),
       ...n,
       onClick: f,
       onMouseOver: () => !o && r(!1),
       onMouseOut: () => !o && r(!0),
-      "data-tooltip": o ? P : null,
+      "data-tooltip": o ? M : null,
       "data-tooltip-delay": 0,
       children: C
     }
   );
 };
-var Ne = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Ne || {});
-const Un = (e) => {
+var Se = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Se || {});
+const zn = (e) => {
   switch (e) {
-    case Ne.REQUEST_CHANGES:
+    case Se.REQUEST_CHANGES:
       return "requested changes";
-    case Ne.APPROVE:
+    case Se.APPROVE:
     default:
       return "approved this";
   }
-}, Xr = (e, t) => {
+}, oi = (e, t) => {
   switch (e) {
-    case Ne.REQUEST_CHANGES:
+    case Se.REQUEST_CHANGES:
       return "Requested changes on " + t;
-    case Ne.APPROVE:
+    case Se.APPROVE:
     default:
       return "Approved " + t;
   }
-}, zn = (e) => {
+}, Bn = (e) => {
   switch (e) {
-    case Ne.REQUEST_CHANGES:
+    case Se.REQUEST_CHANGES:
       return "refresh";
-    case Ne.APPROVE:
+    case Se.APPROVE:
     default:
       return "task_alt";
   }
-}, Zr = ({ lastOwnVersionReview: e }) => {
+}, ai = ({ lastOwnVersionReview: e }) => {
   const [t, o] = L(/* @__PURE__ */ new Date());
-  G(() => {
-    const r = setInterval(() => o(/* @__PURE__ */ new Date()), jn);
+  W(() => {
+    const r = setInterval(() => o(/* @__PURE__ */ new Date()), Un);
     return () => clearInterval(r);
   }, []);
-  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) }),
+  const n = I(() => e?.activityData?.feedback, [e]), a = I(() => e?.createdAt ? In(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, t]);
+  return /* @__PURE__ */ x($o, { className: kn(n), children: [
+    /* @__PURE__ */ c(se, { icon: Bn(n) }),
     "You last ",
-    Un(n),
+    zn(n),
     " ",
     a,
     " ",
     a === "just now" ? "" : "ago"
   ] });
-}, mn = (e) => {
+}, pn = (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, Bn = (e, t) => String(e + It(t)), ei = (e, t) => {
+}, Et = (e) => typeof e == "number" && Number.isFinite(e) ? e - 1 : 0, Gn = (e, t) => String(e + Et(t)), ri = (e, t) => {
   if (!e) return null;
-  const o = e.startFrame - It(t), n = e.endFrame - It(t);
+  const o = e.startFrame - Et(t), n = e.endFrame - Et(t);
   return o > 0 ? { startFrame: o, endFrame: n } : null;
-}, pn = async (e, t, o, n, a) => {
-  const { data: r } = await $t.get(`/api/projects/${e}/files/${t}`, {
+}, gn = async (e, t, o, n, a) => {
+  const { data: r } = await Vt.get(`/api/projects/${e}/files/${t}`, {
     responseType: "blob"
   }), s = new File([r], o, { type: n || r.type });
-  return We(s, e, a);
-}, gn = (e, t) => `/api/projects/${e}/files/${t}`, hn = (e, t) => !!e && Rt(t).has(e), ti = [
+  return Xe(s, e, a);
+}, hn = (e, t) => `/api/projects/${e}/files/${t}`, fn = (e, t) => !!e && $t(t).has(e), ii = [
   { trigger: "@", icon: "person", tooltip: "Mention user" },
   { trigger: "@@", icon: "layers", tooltip: "Mention version" },
   { trigger: "@@@", icon: "check_circle", tooltip: "Mention task" }
-], Gn = ({
+], Hn = ({
   initValue: e,
   initFiles: t = [],
   annotationFrameStart: o,
@@ -1401,440 +1401,440 @@ const Un = (e) => {
   activityId: r,
   versionReview: s,
   lastOwnVersionReview: i,
-  onSubmit: c,
+  onSubmit: l,
   onReview: m,
   duplicate: p,
   onDuplicateHandled: g,
   isEditing: u,
   disabled: h,
-  isLoading: v,
+  isLoading: b,
   isOpen: y,
   onOpen: D,
-  onClose: P,
+  onClose: M,
   saveDraft: C = !0
 }) => {
   const {
     projectName: f,
-    entities: b,
-    projectInfo: T,
-    feedFilter: I,
-    mentionSuggestionsData: _,
-    categories: R,
+    entities: w,
+    projectInfo: A,
+    feedFilter: S,
+    mentionSuggestionsData: P,
+    categories: _,
     isGuest: E,
     userName: N,
-    editingId: Q
-  } = $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(
+    editingId: G
+  } = $e(), { hasLicense: X, onPowerFeature: Q, user: Z, openSlideOut: Y, commentFrameLink: $ } = Be(), oe = Z?.data?.isAdmin, ae = za(), [, J] = En(), [j, de] = L(e || ""), [H, ee] = L(
     () => t.map(
-      (d) => hn(d.id, e || "") ? { ...d, isInline: !0 } : d
+      (d) => fn(d.id, e || "") ? { ...d, isInline: !0 } : d
     )
-  ), [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: ke
-  }), re = b.length === 1 && b[0].entityType === "version" ? b[0] : void 0, Je = $?.draft && $.draft.entityId === re?.id ? $.draft : null, [Pe, He] = L(
+  ), [Oe, De] = L(0), Ve = pe(/* @__PURE__ */ new Map()), [be, ge] = L([]), [Ge, ue] = L(!1), [xe, he] = L(!1), [Ne, Ie] = L([]), [Ze, Re] = L([]), { annotations: fe, removeAnnotation: He, goToAnnotation: qe } = Lr({
+    entityId: w[0]?.id,
+    filesUploading: be
+  }), re = w.length === 1 && w[0].entityType === "version" ? w[0] : void 0, et = $?.draft && $.draft.entityId === re?.id ? $.draft : null, [je, We] = L(
     () => u && Number.isSafeInteger(a?.startFrame) && a.startFrame > 0 ? {
       startFrame: a.startFrame,
       endFrame: Number.isSafeInteger(a.endFrame) && a.endFrame >= a.startFrame ? a.endFrame : a.startFrame
     } : null
-  ), _e = (d) => He(d && { ...d, entityId: 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) => {
+  ), Ee = (d) => We(d && { ...d, entityId: re?.id }), Ue = u || je?.entityId === re?.id ? je : null, [ke, Me] = L(!1), q = u ? Ue : Ue ?? et, Pe = u ? !!re || !!Ue : !!$ && !!re, T = $?.formatFrame, R = T ?? ((d) => Gn(d, o)), U = (d) => T ? pn(d) : ri(pn(d), o), v = q ? q.endFrame > q.startFrame ? `${R(q.startFrame)}-${R(q.endFrame)}` : R(q.startFrame) : void 0, [K, we] = L(v ?? ""), Ae = pe(!1), Fe = pe(null), Le = (d) => {
     if (!re) return;
-    const x = d ? { ...d, entityId: re.id } : null;
+    const k = d ? { ...d, entityId: re.id } : null;
     if (!u) {
-      $?.setDraft(x);
+      $?.setDraft(k);
       return;
     }
     r && $?.setEditPreview({
       activityId: r,
-      link: x
+      link: k
     });
-  }, Ke = (d) => {
-    ye(d);
-    const x = ue(d);
-    x && Le(x);
+  }, jt = (d) => {
+    we(d);
+    const k = U(d);
+    k && Le(k);
   };
-  G(() => {
-    Ae || ye(A ?? "");
-  }, [A, Ae]), G(
+  W(() => {
+    ke || we(v ?? "");
+  }, [v, ke]), W(
     () => () => {
       u && $?.setEditPreview(null);
     },
     [u, $?.setEditPreview]
   );
-  const Xe = () => {
-    if (Ie.current) {
-      Ie.current = !1, ye(A ?? ""), Le(Ee.current), Re(!1);
+  const dt = () => {
+    if (Ae.current) {
+      Ae.current = !1, we(v ?? ""), Le(Fe.current), Me(!1);
       return;
     }
-    const d = ue(me);
-    d ? (_e(d), Le(d)) : (ye(A ?? ""), Le(Ee.current)), Re(!1);
-  }, mt = () => {
-    _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 = U(K);
+    d ? (Ee(d), Le(d)) : (we(v ?? ""), Le(Fe.current)), Me(!1);
+  }, Qe = () => {
+    Ee(null), u ? Le(null) : $?.unlink();
+  }, Ye = () => {
+    !u && $ && re ? $.link(re.id) : (we(""), Me(!0));
+  }, bt = () => q ? Qe() : Ye(), ut = I(() => {
+    if (!Pe || !u && !$ || !re) return;
     const d = ["frame", "time", "timecode", "link", "range"];
     return [
-      w ? {
+      q ? {
         id: "frame-link",
         label: "Remove frame link",
         icon: "timer_off",
         keywords: [...d, "unlink", "remove"],
-        hint: A,
-        run: mt
+        hint: v,
+        run: Qe
       } : {
         id: "frame-link",
         label: u ? "Add frame link" : "Link to current frame",
         icon: "timer",
         keywords: d,
-        run: Ze
+        run: Ye
       }
     ];
-  }, [M, u, $, re?.id, !!w, A]), [tt, Ot] = L(n);
-  $r({
-    draftKey: C && !u ? Lr(
+  }, [Pe, u, $, re?.id, !!q, v]), [_e, mt] = L(n);
+  zr({
+    draftKey: C && !u ? Ur(
       f,
       N,
-      b.map((d) => d.id)
+      w.map((d) => d.id)
     ) : null,
-    draft: { text: U, files: ae, uploadedAnnotations: Se, category: tt },
-    paused: Te,
+    draft: { text: j, files: H, uploadedAnnotations: Ne, category: _e },
+    paused: xe,
     restore: (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?.();
+      de(d.text), ee(d.files), Ie(d.uploadedAnnotations), mt(d.category), (d.text.trim() || d.files.length || d.uploadedAnnotations.length) && !y && !G && D?.();
     }
   });
-  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(
+  const Ut = _.filter((d) => d.accessLevel >= 20), zt = _.find((d) => d.name === _e), Bt = Rn(zt?.color), tt = pe(null), Gt = pe(null), Ht = pe(null), pt = !!j.trim(), no = !pt && !H.length && !be.length && !Oe && !Ne.length && !fe.length && !xe, qt = !!S?.conditions?.some(
     (d) => "key" in d && d.key === "checklists" && d.value === !0
   );
-  G(() => {
-    if (!y || u || !Gt) return;
-    const d = nt.current;
+  W(() => {
+    if (!y || u || !qt) return;
+    const d = tt.current;
     !d || !d.isEmpty() || d.getEditor().update(() => {
-      const x = Fo(!1);
-      To().clear().append(Co("check").append(x)), x.select();
+      const k = Do(!1);
+      Io().clear().append(No("check").append(k)), k.select();
     });
-  }, [y, u, Gt]);
-  const Ht = b[0]?.entityType, qt = oe?.productTypes, eo = S(
+  }, [y, u, qt]);
+  const Wt = w[0]?.entityType, Qt = ae?.productTypes, oo = I(
     () => E ? void 0 : {
-      ...Ro({
-        suggestions: _,
-        project: { productTypes: qt },
-        taskTypes: T?.taskTypes,
-        entityType: Ht
+      ...Oo({
+        suggestions: P,
+        project: { productTypes: Qt },
+        taskTypes: A?.taskTypes,
+        entityType: Wt
       }),
       // keep the picker short
       limit: 5
     },
-    [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(() => {
+    [E, P, Qt, A?.taskTypes, Wt]
+  ), ao = ({ type: d, id: k }) => {
+    d === "user" || d === "team" || Y({ entityId: k, entityType: d, projectName: f });
+  }, ro = ({ type: d, id: k, label: O }, V) => {
+    const { x: z, y: ce, width: le } = V.getBoundingClientRect();
+    J({ id: k, name: k, type: d, label: O, pos: { left: z + le / 2, top: ce } });
+  }, [io, wt] = L(!1);
+  W(() => {
     y || wt(!1);
   }, [y]);
-  const ao = () => {
+  const so = () => {
     y || h || (wt(!0), D && D());
-  }, 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,
+  }, Yt = () => {
+    u && $?.setEditPreview(null), (!pt || u) && de(""), M && M(), Ht.current?.closest("#viewer-dialog")?.focus();
+  }, nt = ({ file: d, data: k }, O = !1) => {
+    const V = ve(d.name), z = {
+      id: k.id,
+      name: V,
       mime: d.type,
       size: d.size,
-      order: ae.length,
-      isAnnotationLayer: V
+      order: H.length,
+      isAnnotationLayer: O
     };
-    return ne((ce) => [...ce, z]), he(
-      (ce) => ce.filter((le) => be(le.name) !== j)
+    return ee((ce) => [...ce, z]), ge(
+      (ce) => ce.filter((le) => ve(le.name) !== V)
     ), 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
+  }, co = (d, k, O) => {
+    O ? He?.(d) : (ee((V) => V.filter((z) => z.id !== d)), ge((V) => V.filter((z) => ve(z.name) !== ve(k))));
+  }, ot = (d, k) => {
+    const O = Math.round(d.loaded * 100 / d.total);
+    if (O !== 100) {
+      const V = ve(k.name);
+      ge((z) => {
+        const ce = z.find((B) => ve(B.name) === V), le = z.filter((B) => ve(B.name) !== V), ze = {
+          name: V,
+          progress: O,
+          type: k.type,
+          order: ce?.order ?? H.length + z.length
         };
-        return [...le, Ue];
+        return [...le, ze];
       });
     }
   }, 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);
+    ge((k) => k.filter((O) => O.name !== ve(d)));
+  }, Jt = (d) => {
+    for (const k of d) {
+      const O = Xe(k, f, ot);
+      Ve.current.set(k, O), O.then(
+        (V) => nt(V),
+        (V) => {
+          gt(k.name), Ce.error(V.message), console.warn(V);
         }
       );
     }
-  }, io = async (d) => {
-    we((x) => x + 1);
+  }, lo = async (d) => {
+    De((k) => k + 1);
     try {
-      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),
+      const k = Ve.current.get(d);
+      if (k) {
+        const { data: z } = await k;
+        return ee((ce) => ce.map((le) => le.id === z.id ? { ...le, isInline: !0 } : le)), {
+          src: hn(f, z.id),
+          name: ve(d.name),
           mime: d.type
         };
       }
-      const { data: V } = await We(d, f, void 0), j = be(d.name);
-      return ne((z) => [
+      const { data: O } = await Xe(d, f, void 0), V = ve(d.name);
+      return ee((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;
+        { id: O.id, name: V, mime: d.type, size: d.size, order: z.length, isInline: !0 }
+      ]), { src: hn(f, O.id), name: V, mime: d.type };
+    } catch (k) {
+      throw Ve.current.has(d) || Ce.error(k?.message || "Upload failed"), k;
     } finally {
-      we((x) => x - 1);
+      De((k) => k - 1);
     }
-  }, so = (d) => {
-    K(!1), !d.defaultPrevented && Sr(
+  }, uo = (d) => {
+    ue(!1), !d.defaultPrevented && _r(
       d,
       f,
-      at,
       ot,
-      (x) => gt(x.name)
+      nt,
+      (k) => gt(k.name)
     );
-  }, 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(`
+  }, mo = (d) => {
+    d.preventDefault(), d.stopPropagation(), ue(!0);
+  }, Kt = pe(null), po = async ({ activity: d }) => {
+    const k = yt(d);
+    k && k.entityId === re?.id && (Ee({ startFrame: k.startFrame, endFrame: k.endFrame }), $?.setDraft(k));
+    const O = Sn(d.body || ""), V = d.files || [], z = $t(O), ce = w.length === 1 && w[0].id === (d.origin?.id ?? d.entityId), le = (B) => {
+      const me = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), ie = `[Source](${ta(d.activityId, me)})`, te = [B.trim(), ie].filter(Boolean).join(`
 
 `);
-      de((ve) => ve.trim() ? `${ve.trim()}
+      de((ye) => ye.trim() ? `${ye.trim()}
 
-${Z}` : Z), nt.current?.focus();
-    }, Ue = async (B) => {
-      const pe = z.has(B.id);
+${te}` : te), tt.current?.focus();
+    }, ze = async (B) => {
+      const me = z.has(B.id);
       try {
-        const ie = await pn(
+        const ie = await gn(
           f,
           B.id,
           B.name,
           B.mime,
-          pe ? void 0 : at
+          me ? void 0 : ot
         );
-        if (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 }
+        if (me) {
+          const { file: ye, data: at } = ie, ht = ve(ye.name);
+          ee((tn) => [
+            ...tn,
+            { id: at.id, name: ht, mime: ye.type, size: ye.size, order: tn.length, isInline: me }
           ]);
-        } else ot(ie);
-        const Z = B.annotation;
-        if (Z && ce) {
-          const ve = await pn(
+        } else nt(ie);
+        const te = B.annotation;
+        if (te && ce) {
+          const ye = await gn(
             f,
-            Z.transparent,
+            te.transparent,
             `annotation-${B.name}`,
             "image/png"
           );
-          ot(ve, !0), De((rt) => [
-            ...rt,
+          nt(ye, !0), Ie((at) => [
+            ...at,
             {
-              ...Z,
-              id: `${Z.id}-${wn()}`,
+              ...te,
+              id: `${te.id}-${xn()}`,
               composite: ie.data.id,
-              transparent: ve.data.id
+              transparent: ye.data.id
             }
           ]);
         }
         return [B.id, ie.data.id];
       } catch (ie) {
-        return gt(B.name), Fe.error(`Could not copy ${B.name}`), console.warn(ie), null;
+        return gt(B.name), Ce.error(`Could not copy ${B.name}`), console.warn(ie), null;
       }
     };
-    we((B) => B + 1);
+    De((B) => B + 1);
     try {
-      const B = j.filter((Z) => z.has(Z.id)), pe = j.filter((Z) => !z.has(Z.id)), ie = Promise.all(pe.map(Ue));
+      const B = V.filter((te) => z.has(te.id)), me = V.filter((te) => !z.has(te.id)), ie = Promise.all(me.map(ze));
       if (B.length) {
-        const Z = new Map(
-          (await Promise.all(B.map(Ue))).filter(
-            (ve) => !!ve
+        const te = new Map(
+          (await Promise.all(B.map(ze))).filter(
+            (ye) => !!ye
           )
         );
         le(
-          V.replace(
+          O.replace(
             /(\/api\/projects\/[^/]+\/files\/)([\w-]+)/g,
-            (ve, rt, ht) => Z.has(ht) ? rt + Z.get(ht) : ve
+            (ye, at, ht) => te.has(ht) ? at + te.get(ht) : ye
           )
         );
-      } else le(V);
+      } else le(O);
       await ie;
     } finally {
-      we((B) => B - 1);
+      De((B) => B - 1);
     }
   };
-  G(() => {
-    !p || Yt.current === p.key || (Yt.current = p.key, wt(!0), g?.(), lo(p));
+  W(() => {
+    !p || Kt.current === p.key || (Kt.current = p.key, wt(!0), g?.(), po(p));
   }, [p?.key]);
-  const uo = Mr({
+  const go = $r({
     projectName: f,
-    onSuccess: ot,
-    onProgress: at,
+    onSuccess: nt,
+    onProgress: ot,
     // seed progress so the card switches to uploading before the export finishes
-    onStart: (d) => at({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
+    onStart: (d) => ot({ 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 () => {
+  }), ho = be.length > 0 || Oe > 0, xt = xe || ho, kt = async () => {
     if (!xt)
       try {
-        Oe(!0);
-        let d = [], x = Se, V = [];
+        he(!0);
+        let d = [], k = Ne, O = [];
         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);
+          Re(fe.map((te) => te.id));
+          const { files: me, metadata: ie } = await go(fe);
+          d = me, k = [...k, ...ie], O = ie.map((te) => te.id), Re(O);
         }
-        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 = {
+        const { annotations: V = [] } = a || {}, z = k.length ? [...V, ...k] : void 0, ce = Sr(tt.current?.getMarkdown() ?? j), le = H.filter((me) => !me.isInline || fn(me.id, ce)), ze = [...le, ...d], B = {
           ...a,
           annotations: z,
           // could be undefined
-          category: E ? null : tt,
+          category: E ? null : _e,
           // 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
+          startFrame: q?.startFrame ?? void 0,
+          endFrame: q?.endFrame ?? void 0
         };
-        if ((ce || Ue.length) && c) {
-          const pe = U;
-          de(""), ne([]);
+        if ((ce || ze.length) && l) {
+          const me = j;
+          de(""), ee([]);
           try {
-            await c(ce, Ue, B), V.forEach((ie) => Be?.(ie)), u && $?.setEditPreview(null), De([]), !u && w && $?.unlink(), u || _e(null);
+            await l(ce, ze, B), O.forEach((ie) => He?.(ie)), u && $?.setEditPreview(null), Ie([]), !u && q && $?.unlink(), u || Ee(null);
           } catch {
-            de(pe), ne(le), De(Se);
+            de(me), ee(le), Ie(Ne);
             return;
           }
         }
       } catch (d) {
-        console.error(d), Fe.error("Something went wrong");
+        console.error(d), Ce.error("Something went wrong");
       } finally {
-        Ve([]), Oe(!1);
+        Re([]), he(!1);
       }
-  }, 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) => {
+  }, Xt = [
+    ...fe.filter((d) => !Ze.includes(d.id)),
+    ...(H || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
+    ...be
+  ].sort((d, k) => d.order - k.order), fo = Xt.length > 3, Zt = (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...", en = async (d) => {
     if (m)
       try {
-        (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");
+        (pt || H.length > 0 || fe.length > 0) && await kt(), m(d);
+      } catch (k) {
+        console.error(k), Ce.error("Something went wrong while submitting the review");
       }
-  }, go = s && m && !h && /* @__PURE__ */ k(Lo, { className: ee("version-review-buttons", { guest: E }), children: [
-    /* @__PURE__ */ l(
-      nn,
+  }, yo = s && m && !h && /* @__PURE__ */ x(Vo, { className: ne("version-review-buttons", { guest: E }), children: [
+    /* @__PURE__ */ c(
+      an,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => Xt(Ne.APPROVE),
-        children: /* @__PURE__ */ l("span", { className: "label", children: "Approve" })
+        onClick: () => en(Se.APPROVE),
+        children: /* @__PURE__ */ c("span", { className: "label", children: "Approve" })
       }
     ),
-    /* @__PURE__ */ l(
-      nn,
+    /* @__PURE__ */ c(
+      an,
       {
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => Xt(Ne.REQUEST_CHANGES),
-        children: /* @__PURE__ */ l("span", { className: "label", children: "Request changes" })
+        onClick: () => en(Se.REQUEST_CHANGES),
+        children: /* @__PURE__ */ c("span", { className: "label", children: "Request changes" })
       }
     )
-  ] }), At = !E && /* @__PURE__ */ l(
-    Gr,
+  ] }), At = !E && /* @__PURE__ */ c(
+    Yr,
     {
-      value: tt,
-      categories: Vt,
-      onChange: (d) => Ot(d),
+      value: _e,
+      categories: Ut,
+      onChange: (d) => mt(d),
       isCompact: u,
-      hasPowerpack: Y,
-      onPowerFeature: H,
-      isHidden: Hr(Vt, { isGuest: E, isAdmin: te })
+      hasPowerpack: X,
+      onPowerFeature: Q,
+      isHidden: Jr(Ut, { isGuest: E, isAdmin: oe })
     }
-  ), ho = /* @__PURE__ */ k(Ce, { children: [
-    /* @__PURE__ */ l(
-      ct,
+  ), vo = /* @__PURE__ */ x(Te, { children: [
+    /* @__PURE__ */ c(
+      st,
       {
         icon: "attach_file",
         variant: "text",
         className: "md-toolbar-button",
         "data-tooltip": "Attach files",
         onMouseDown: (d) => d.preventDefault(),
-        onClick: () => zt.current?.click()
+        onClick: () => Gt.current?.click()
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ c(
       "input",
       {
-        ref: zt,
+        ref: Gt,
         type: "file",
         multiple: !0,
         hidden: !0,
         onChange: (d) => {
-          Qt(Array.from(d.target.files || [])), d.target.value = "";
+          Jt(Array.from(d.target.files || [])), d.target.value = "";
         }
       }
     )
-  ] }), 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,
+  ] }), bo = u || io, wo = `calc(${Math.max((ke ? K || "Frame or range" : v || "").length, 1) + 2}ch + 16px)`;
+  return /* @__PURE__ */ c(Te, { children: /* @__PURE__ */ x(
+    jo,
     {
-      ref: Bt,
-      className: ee("comment-container", "md-mention-anchor", { isOpen: y, isEditing: u }),
-      onDragOver: co,
-      onDragLeave: () => K(!1),
-      onDrop: so,
-      onClick: () => K(!1),
+      ref: Ht,
+      className: ne("comment-container", "md-mention-anchor", { isOpen: y, isEditing: u }),
+      onDragOver: mo,
+      onDragLeave: () => ue(!1),
+      onDrop: uo,
+      onClick: () => ue(!1),
       onKeyDown: (d) => {
-        const x = d.key === "ArrowUp" || d.key === "ArrowDown", V = d.target.isContentEditable;
-        x && V && Zn && !u || d.stopPropagation();
+        const k = d.key === "ArrowUp" || d.key === "ArrowDown", O = d.target.isContentEditable;
+        k && O && no && !u || d.stopPropagation();
       },
       children: [
-        s && i && /* @__PURE__ */ l(Zr, { lastOwnVersionReview: i }),
-        /* @__PURE__ */ k(
-          Oo,
+        s && i && /* @__PURE__ */ c(ai, { lastOwnVersionReview: i }),
+        /* @__PURE__ */ x(
+          Uo,
           {
-            className: ee("block-shortcuts", {
+            className: ne("block-shortcuts", {
               isOpen: y,
               isClosed: !y || h,
               isEditing: u,
-              isDropping: Me,
+              isDropping: Ge,
               disabled: h,
-              isLoading: v,
-              isSubmitting: Te,
-              category: !!tt && !E
+              isLoading: b,
+              isSubmitting: xe,
+              category: !!_e && !E
             }),
-            onClick: ao,
-            $categoryPrimary: jt?.color,
-            $categoryTertiary: Ut.primary,
-            $categorySecondary: Ut.secondary,
+            onClick: so,
+            $categoryPrimary: zt?.color,
+            $categoryTertiary: Bt.primary,
+            $categorySecondary: Bt.secondary,
             children: [
-              y && /* @__PURE__ */ l(
-                Pn,
+              y && /* @__PURE__ */ c(
+                _n,
                 {
-                  files: Jt,
-                  isCompact: po || u,
-                  onRemove: ro,
+                  files: Xt,
+                  isCompact: fo || u,
+                  onRemove: co,
                   projectName: f,
-                  onAnnotationClick: Ge,
+                  onAnnotationClick: qe,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
                     height: "100%"
@@ -1850,131 +1850,131 @@ ${Z}` : Z), nt.current?.focus();
                   }
                 }
               ),
-              y && !h ? /* @__PURE__ */ k(Ce, { children: [
-                u && At && /* @__PURE__ */ l(Vo, { children: At }),
-                /* @__PURE__ */ l(
-                  jo,
+              y && !h ? /* @__PURE__ */ x(Te, { children: [
+                u && At && /* @__PURE__ */ c(zo, { children: At }),
+                /* @__PURE__ */ c(
+                  Bo,
                   {
-                    ref: nt,
+                    ref: tt,
                     className: "comment-editor",
-                    value: U,
+                    value: j,
                     onChange: de,
-                    placeholder: Kt(!0),
-                    mentions: eo,
+                    placeholder: Zt(!0),
+                    mentions: oo,
                     mentionPlacement: u ? "inline" : "top",
-                    onMentionClick: to,
-                    onMentionHover: no,
+                    onMentionClick: ao,
+                    onMentionHover: ro,
                     onSubmit: kt,
-                    onEscape: Wt,
-                    onFiles: Qt,
-                    onUploadMedia: io,
-                    commands: bt,
+                    onEscape: Yt,
+                    onFiles: Jt,
+                    onUploadMedia: lo,
+                    commands: ut,
                     toolbar: !u,
                     floatingToolbar: u,
                     toolbarStart: At,
-                    toolbarEnd: /* @__PURE__ */ k(Ce, { children: [
-                      /* @__PURE__ */ l(Uo, {}),
-                      ho
+                    toolbarEnd: /* @__PURE__ */ x(Te, { children: [
+                      /* @__PURE__ */ c(Go, {}),
+                      vo
                     ] }),
                     bordered: !1,
-                    autoFocus: fo,
+                    autoFocus: bo,
                     minHeight: u ? 40 : 88,
                     maxHeight: 259
                   }
                 )
-              ] }) : /* @__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,
+              ] }) : /* @__PURE__ */ c(Ho, { children: Zt() }),
+              /* @__PURE__ */ x(qo, { children: [
+                (!E || Pe) && /* @__PURE__ */ x(Wo, { children: [
+                  !E && ii.map(({ trigger: d, icon: k, tooltip: O }) => /* @__PURE__ */ c(
+                    st,
                     {
-                      icon: x,
+                      icon: k,
                       variant: "text",
-                      onMouseDown: (j) => j.preventDefault(),
-                      onClick: () => nt.current?.insertMentionTrigger(d),
-                      "data-tooltip": V,
+                      onMouseDown: (V) => V.preventDefault(),
+                      onClick: () => tt.current?.insertMentionTrigger(d),
+                      "data-tooltip": O,
                       "data-shortcut": d
                     },
                     d
                   )),
-                  M && /* @__PURE__ */ k(
-                    Ho,
+                  Pe && /* @__PURE__ */ x(
+                    Qo,
                     {
-                      className: ee("frame-link", { selected: !!w || Ae }),
+                      className: ne("frame-link", { selected: !!q || ke }),
                       children: [
-                        /* @__PURE__ */ l(
-                          qo,
+                        /* @__PURE__ */ c(
+                          Yo,
                           {
                             icon: "timer",
                             variant: "text",
-                            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",
+                            onClick: bt,
+                            "aria-label": q ? "Remove frame link" : "Add frame link",
+                            "data-tooltip": q ? "Remove frame link" : u ? "Add frame link" : "Link to current frame",
                             "data-testid": "comment-frame-link"
                           }
                         ),
-                        (w || Ae) && (Ae ? /* @__PURE__ */ l(
-                          Wo,
+                        (q || ke) && (ke ? /* @__PURE__ */ c(
+                          Jo,
                           {
                             autoFocus: !0,
                             "aria-label": "Linked frame or range",
-                            value: me,
+                            value: K,
                             placeholder: "Frame",
                             onFocus: (d) => {
-                              Ee.current = w, d.currentTarget.select();
+                              Fe.current = q, d.currentTarget.select();
                             },
-                            onChange: (d) => Ke(d.target.value),
-                            onBlur: Xe,
-                            style: { width: yo },
+                            onChange: (d) => jt(d.target.value),
+                            onBlur: dt,
+                            style: { width: wo },
                             onKeyDown: (d) => {
-                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (Ie.current = !0, d.currentTarget.blur());
+                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (Ae.current = !0, d.currentTarget.blur());
                             },
                             "data-testid": "comment-frame-link-input"
                           }
-                        ) : /* @__PURE__ */ l(
-                          Qo,
+                        ) : /* @__PURE__ */ c(
+                          Ko,
                           {
                             variant: "text",
-                            "aria-label": `Edit linked frame ${A ?? ""}`,
-                            onClick: () => Re(!0),
+                            "aria-label": `Edit linked frame ${v ?? ""}`,
+                            onClick: () => Me(!0),
                             "data-tooltip": "Edit linked frame or range",
-                            children: A || "Frame or range"
+                            children: v || "Frame or range"
                           }
                         ))
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ k(Yo, { children: [
-                  u && /* @__PURE__ */ l(ct, { variant: "text", onClick: Wt, children: "Cancel" }),
-                  /* @__PURE__ */ l(
-                    Io,
+                /* @__PURE__ */ x(Xo, { children: [
+                  u && /* @__PURE__ */ c(st, { variant: "text", onClick: Yt, children: "Cancel" }),
+                  /* @__PURE__ */ c(
+                    Po,
                     {
                       label: u ? "Save" : "Comment",
                       className: "comment",
-                      active: pt || !!ae.length,
+                      active: pt || !!H.length,
                       onClick: kt,
-                      disabled: v || xt,
+                      disabled: b || xt,
                       saving: xt
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ l(Jo, { className: ee({ show: Me && y }), children: /* @__PURE__ */ l(se, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ c(Zo, { className: ne({ show: Ge && y }), children: /* @__PURE__ */ c(se, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ l(Ko, {}),
-        go
+        /* @__PURE__ */ c(ea, {}),
+        yo
       ]
     }
   ) });
-}, ni = (e, t, o) => e && Lt`
+}, si = (e, t, o) => e && Ot`
     --reaction-border-color: ${e};
     --reaction-active-bg: ${t};
     --reaction-hover-bg: ${t};
     --reaction-active-border: ${e};
-  `, oi = F.div`
+  `, ci = F.div`
   /* VARS */
   --reaction-border-color: var(--md-sys-color-outline-variant);
   --reaction-hover-bg: var(--md-sys-color-surface-container-high-hover);
@@ -1987,7 +1987,7 @@ ${Z}` : Z), nt.current?.focus();
   --reaction-compact-active-hover-bg: var(--md-sys-color-primary-container-hover);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => ni(e, t)}
+  ${({ $categoryPrimary: e, $categorySecondary: t, $categoryTertiary: o }) => si(e, t)}
 
   display: flex;
   justify-content: center;
@@ -2038,23 +2038,23 @@ ${Z}` : Z), nt.current?.focus();
     position: relative;
     height: 19px;
   }
-`, ai = F.div`
+`, li = F.div`
   outline: 'solid 1px red';
   display: flex;
   gap: 8px;
-`, ri = F.div`
+`, di = F.div`
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 55;
-`, ii = F.div`
+`, ui = F.div`
   /* VARS */
   --panel-bg: var(--md-sys-color-surface-container-high);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Lt`
+  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Ot`
       --panel-bg: ${t};
     `}
 
@@ -2070,14 +2070,14 @@ ${Z}` : Z), nt.current?.focus();
   padding: 4px;
   border-radius: 4px;
   box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
-`, si = F.div`
+`, mi = 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 && Lt`
+  ${({ $categoryPrimary: e, $categorySecondary: t }) => t && Ot`
       --opener-bg: ${t};
       --opener-hover-bg: ${t};
       --opener-color: ${e};
@@ -2100,31 +2100,31 @@ ${Z}` : Z), nt.current?.focus();
       filter: ${({ $categoryPrimary: e }) => e ? "brightness(1.2)" : "none"};
     }
   }
-`, ci = F.div`
+`, pi = F.div`
   display: flex;
   gap: 8px;
   position: relative;
-`, li = [
+`, gi = [
   { key: "thumb_up", value: "👍" },
   { key: "thumb_down", value: "👎" },
   { key: "heart_plus", value: "❤" },
   { key: "celebration", value: "🎉" },
   { key: "notes", value: "📝" }
-], di = {
+], hi = {
   thumb_up: "👍",
   thumb_down: "👎",
   heart_plus: "❤️",
   celebration: "🎉",
   notes: "📝"
-}, Et = [
+}, Mt = [
   "thumb_up",
   "thumb_down",
   "heart_plus",
   "celebration",
   "notes"
-], ui = (e) => [...e].sort(
-  (o, n) => Et.indexOf(o.type) - Et.indexOf(n.type)
-), Hn = ({
+], fi = (e) => [...e].sort(
+  (o, n) => Mt.indexOf(o.type) - Mt.indexOf(n.type)
+), qn = ({
   reaction: e,
   variant: t = "standard",
   onClick: o,
@@ -2133,29 +2133,29 @@ ${Z}` : Z), nt.current?.focus();
   categoryTertiary: r
 }) => {
   const s = e.users?.join(", ") || void 0;
-  return /* @__PURE__ */ k(
-    oi,
+  return /* @__PURE__ */ x(
+    ci,
     {
-      className: ee(t, { active: e.isActive }),
+      className: ne(t, { active: e.isActive }),
       onClick: o,
       "data-tooltip": s,
       $categoryPrimary: n,
       $categorySecondary: a,
       $categoryTertiary: r,
       children: [
-        /* @__PURE__ */ l("span", { className: "emoji", children: di[e.type] }),
-        e.users && /* @__PURE__ */ l("span", { children: e.users.length })
+        /* @__PURE__ */ c("span", { className: "emoji", children: hi[e.type] }),
+        e.users && /* @__PURE__ */ c("span", { children: e.users.length })
       ]
     }
   );
-}, mi = ({
+}, yi = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
-}) => /* @__PURE__ */ l(ai, { children: e.map((r) => /* @__PURE__ */ l(
-  Hn,
+}) => /* @__PURE__ */ c(li, { children: e.map((r) => /* @__PURE__ */ c(
+  qn,
   {
     reaction: r,
     isActive: r.isActive,
@@ -2167,22 +2167,22 @@ ${Z}` : Z), nt.current?.focus();
     categoryTertiary: a
   },
   r.type
-)) }), pi = ({
+)) }), vi = ({
   reactions: e,
   changeHandler: t,
   categoryPrimary: o,
   categorySecondary: n,
   categoryTertiary: a
 }) => {
-  const [r, s] = L(!1), i = e.filter((c) => c.isActive).map((c) => c.type);
-  return /* @__PURE__ */ k(
-    si,
+  const [r, s] = L(!1), i = e.filter((l) => l.isActive).map((l) => l.type);
+  return /* @__PURE__ */ x(
+    mi,
     {
       $categoryPrimary: o,
       $categorySecondary: n,
       $categoryTertiary: a,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           se,
           {
             icon: "add_reaction",
@@ -2190,21 +2190,21 @@ ${Z}` : Z), nt.current?.focus();
             onClick: () => s(!r)
           }
         ),
-        r && /* @__PURE__ */ k(Ce, { children: [
-          /* @__PURE__ */ l(ri, { onClick: () => s(!1) }),
-          /* @__PURE__ */ l(
-            ii,
+        r && /* @__PURE__ */ x(Te, { children: [
+          /* @__PURE__ */ c(di, { onClick: () => s(!1) }),
+          /* @__PURE__ */ c(
+            ui,
             {
               $categoryPrimary: o,
               $categorySecondary: n,
               $categoryTertiary: a,
-              children: li.map((c) => {
+              children: gi.map((l) => {
                 const m = {
-                  type: c.key,
-                  isActive: i.includes(c.key)
+                  type: l.key,
+                  isActive: i.includes(l.key)
                 };
-                return /* @__PURE__ */ l(
-                  Hn,
+                return /* @__PURE__ */ c(
+                  qn,
                   {
                     reaction: m,
                     variant: "compact",
@@ -2224,7 +2224,7 @@ ${Z}` : Z), nt.current?.focus();
       ]
     }
   );
-}, gi = ({
+}, bi = ({
   reactions: e,
   changeHandler: t,
   readOnly: o,
@@ -2234,27 +2234,27 @@ ${Z}` : Z), nt.current?.focus();
   categoryTertiary: s
 }) => {
   const i = n ? { categoryPrimary: a, categorySecondary: r, categoryTertiary: s } : {};
-  return /* @__PURE__ */ k(ci, { children: [
-    !o && /* @__PURE__ */ l(
-      pi,
+  return /* @__PURE__ */ x(pi, { children: [
+    !o && /* @__PURE__ */ c(
+      vi,
       {
         reactions: e,
         changeHandler: t,
         ...i
       }
     ),
-    /* @__PURE__ */ l(mi, { reactions: e, changeHandler: t, ...i })
+    /* @__PURE__ */ c(yi, { reactions: e, changeHandler: t, ...i })
   ] });
-}, hi = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
+}, wi = (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] };
-}), fi = (e) => e.replace(/@(?=@|\[)/g, ""), yi = {
+}), xi = (e) => e.replace(/@(?=@|\[)/g, ""), ki = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;"
-}, Ct = (e) => e.replace(/[&<>"]/g, (t) => yi[t]), vi = (e) => e.replaceAll(" ", "%20"), bi = (e, t) => {
+}, Ct = (e) => e.replace(/[&<>"]/g, (t) => ki[t]), Ai = (e) => e.replaceAll(" ", "%20"), Fi = (e, t) => {
   const o = t.cloneContents();
   if (!o.querySelector("[data-mention-value]")) return null;
   let n = "", a = "";
@@ -2269,11 +2269,11 @@ ${Z}` : Z), nt.current?.focus();
       return;
     }
     if (s.nodeType !== Node.ELEMENT_NODE) return;
-    const i = s, c = i.getAttribute("data-mention-value");
-    if (c) {
+    const i = s, l = i.getAttribute("data-mention-value");
+    if (l) {
       const m = i.getAttribute("data-mention-label") || (i.textContent || "").trim();
       if (m) {
-        const p = vi(c);
+        const p = Ai(l);
         n += `[${m}](${p})`, a += `<a href="@${Ct(p)}">@${Ct(m)}</a>`;
       }
       return;
@@ -2292,37 +2292,37 @@ ${Z}` : Z), nt.current?.focus();
     s.childNodes.forEach(r);
   };
   return r(o), n ? { text: n, html: a } : null;
-}, wi = ({ children: e }) => {
-  const t = en.Children.map(e, (n) => {
-    if (!en.isValidElement(n)) return n;
+}, Ci = ({ children: e }) => {
+  const t = nn.Children.map(e, (n) => {
+    if (!nn.isValidElement(n)) return n;
     const a = n.props.children;
     return typeof a != "string" ? n : {
       ...n,
       props: {
         ...n.props,
-        children: fi(a)
+        children: xi(a)
       }
     };
-  }), o = qe((n) => {
+  }), o = Je((n) => {
     const a = window.getSelection();
     if (!a || a.rangeCount === 0 || a.isCollapsed) return;
     const r = a.getRangeAt(0), s = n.currentTarget;
     if (!s.contains(r.startContainer) || !s.contains(r.endContainer)) return;
-    const i = bi(s, r);
+    const i = Fi(s, r);
     i && (n.preventDefault(), n.clipboardData.setData("text/plain", i.text), n.clipboardData.setData("text/html", i.html));
   }, []);
-  return /* @__PURE__ */ l("div", { className: "comment-text", onCopy: o, children: t });
-}, xi = (e = [], t) => {
+  return /* @__PURE__ */ c("div", { className: "comment-text", onCopy: o, children: t });
+}, Ti = (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));
-  }), ui(Object.values(o));
-}, ki = F.div`
+    Mt.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));
+  }), fi(Object.values(o));
+}, Di = F.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
-`, Ai = F.span`
+`, Ni = F.span`
   border-radius: var(--border-radius-m);
   padding: 2px 6px;
   margin: 0 2px;
@@ -2339,19 +2339,19 @@ ${Z}` : Z), nt.current?.focus();
     font-size: 16px;
     font-variation-settings: 'FILL' 1;
   }
-`, Fi = ({ name: e, statuses: t, children: o }) => {
-  const n = Ci(e, t);
-  return /* @__PURE__ */ k(ki, { children: [
+`, Ii = ({ name: e, statuses: t, children: o }) => {
+  const n = Si(e, t);
+  return /* @__PURE__ */ x(Di, { children: [
     o,
-    /* @__PURE__ */ k(Ai, { $color: _t(n.color), style: { backgroundColor: n.color }, children: [
-      n.icon && /* @__PURE__ */ l(se, { icon: n.icon }),
+    /* @__PURE__ */ x(Ni, { $color: Lt(n.color), style: { backgroundColor: n.color }, children: [
+      n.icon && /* @__PURE__ */ c(se, { icon: n.icon }),
       e
     ] })
   ] });
-}, Ci = (e, t) => {
+}, Si = (e, t) => {
   const o = { name: e, color: "var(--md-sys-color-primary)", icon: void 0 };
   return t.find((n) => n.name === e) || o;
-}, Ti = F.header`
+}, Ei = F.header`
   display: flex;
   align-items: flex-end;
   gap: var(--base-gap-small);
@@ -2363,7 +2363,7 @@ ${Z}` : Z), nt.current?.focus();
     margin-left: 4px;
     font-weight: 800;
   }
-`, Di = F.div`
+`, Mi = F.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
@@ -2392,7 +2392,7 @@ const Tt = F.span`
   strong {
     font-weight: 800;
   }
-`, Ni = F.li`
+`, Pi = F.li`
   list-style: none;
   margin: var(--padding-s) var(--padding-m);
   padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
@@ -2419,7 +2419,7 @@ const Tt = F.span`
   &.request_changes .date, {
     color: var(--md-sys-color-error);
   }
-`, Si = F.div`
+`, _i = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -2438,7 +2438,7 @@ const Tt = F.span`
     color: var(--md-sys-color-outline);
     opacity: 0.5;
   }
-`, Ii = F.span`
+`, Ri = F.span`
   white-space: nowrap;
   font-size: 12px;
   text-overflow: ellipsis;
@@ -2449,16 +2449,16 @@ const Tt = F.span`
     font-size: 12px;
     font-weight: 800;
   }
-`, Ei = "#c5c5c5";
-function qn(e) {
-  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = S(() => {
+`, Li = "#c5c5c5";
+function Wn(e) {
+  const { categories: t } = $e(), { categoryData: o, categoryNotFound: n } = I(() => {
     let a = !1;
     if (e) {
       const r = t.find((s) => s.name === e);
       return r || (a = !0), {
         categoryData: r || {
           name: e,
-          color: Ei
+          color: Li
         },
         categoryNotFound: a
       };
@@ -2470,21 +2470,21 @@ function qn(e) {
   }, [e, t]);
   return { categoryData: o, categoryNotFound: n };
 }
-const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (e) => !e || !e.name ? _i : e.name === Mi && !e.label ? Pi : e.label ? e.label : e.name, Mt = "anonymous.guest", Ri = ({ isGuest: e, activity: t }) => {
-  const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = S(
+const $i = "anonymous.guest", Oi = "Anonymous User", Vi = "unknown.user", Qn = (e) => !e || !e.name ? Vi : e.name === $i && !e.label ? Oi : e.label ? e.label : e.name, Pt = "anonymous.guest", ji = ({ isGuest: e, activity: t }) => {
+  const { authorName: o, authorFullName: n, createdAt: a, activityData: r } = t || {}, s = I(
     () => [
-      Wn({ name: o, label: n }),
-      Un(r?.feedback ?? Ne.APPROVE)
+      Qn({ name: o, label: n }),
+      zn(r?.feedback ?? Se.APPROVE)
     ].join(" "),
     [n, o, r?.feedback, a]
-  ), { categoryData: i, categoryNotFound: c } = qn(r?.category), m = S(() => {
-    if (!o?.startsWith(Mt))
+  ), { categoryData: i, categoryNotFound: l } = Wn(r?.category), m = I(() => {
+    if (!o?.startsWith(Pt))
       return `/api/users/${o}/avatar`;
   }, [o]);
   if (r?.feedback)
-    return /* @__PURE__ */ l(Ni, { className: xn(r.feedback), children: /* @__PURE__ */ k(Si, { children: [
-      o && /* @__PURE__ */ l(
-        Tn,
+    return /* @__PURE__ */ c(Pi, { className: kn(r.feedback), children: /* @__PURE__ */ x(_i, { children: [
+      o && /* @__PURE__ */ c(
+        Dn,
         {
           name: o,
           fullName: n,
@@ -2492,21 +2492,21 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
           size: 22
         }
       ),
-      /* @__PURE__ */ l(se, { icon: zn(r.feedback) }),
-      i && !e && /* @__PURE__ */ l(
-        st,
+      /* @__PURE__ */ c(se, { icon: Bn(r.feedback) }),
+      i && !e && /* @__PURE__ */ c(
+        it,
         {
           value: i.name,
           color: i.color,
           isCompact: !0,
-          "data-tooltip": c ? "Category not found. It may have been deleted." : void 0,
+          "data-tooltip": l ? "Category not found. It may have been deleted." : void 0,
           "data-tooltip-delay": 0
         }
       ),
-      /* @__PURE__ */ l(Ii, { children: s }),
-      /* @__PURE__ */ l(ut, { date: a, exactTooltip: !0 })
+      /* @__PURE__ */ c(Ri, { children: s }),
+      /* @__PURE__ */ c(lt, { date: a, exactTooltip: !0 })
     ] }) });
-}, Qn = ({
+}, Yn = ({
   name: e,
   fullName: t,
   date: o,
@@ -2515,34 +2515,34 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   children: r,
   projectName: s,
   entityType: i,
-  onReferenceClick: c,
+  onReferenceClick: l,
   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, _ = S(() => {
-    if (!e?.startsWith(Mt))
+  const { referenceType: p, origin: g, activityType: u, versions: h, activityId: b } = a, y = p === "mention", D = u === "version.publish", C = h && h?.length > 1 ? "published versions" : "published a version", f = y ? "mentioned" : "commented", w = y ? ` ${i} on` : "on", A = e?.startsWith("guest.") || e?.startsWith(Pt), S = (a.author?.deleted || !a.author?.active) && !A, P = I(() => {
+    if (!e?.startsWith(Pt))
       return `/api/users/${e}/avatar`;
   }, [e]);
-  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,
+  return /* @__PURE__ */ x(Ei, { children: [
+    /* @__PURE__ */ x(Mi, { children: [
+      e && !S && /* @__PURE__ */ c(Dn, { name: e, fullName: t, src: P, size: 22 }),
+      S && /* @__PURE__ */ c(se, { icon: "account_circle" }),
+      /* @__PURE__ */ c("h5", { children: t || a.activityData?.author || "Unknown" }),
+      n && /* @__PURE__ */ x(Te, { children: [
+        /* @__PURE__ */ c(Tt, { children: /* @__PURE__ */ c("strong", { children: f }) }),
+        /* @__PURE__ */ c(Tt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: w }),
+        g && /* @__PURE__ */ c(
+          na,
           {
             id: g.id,
             type: g.type,
             variant: "text",
-            onClick: () => c?.({
+            onClick: () => l?.({
               entityId: g.id,
               entityType: g.type,
               projectName: s,
-              activityId: v
+              activityId: b
             }),
-            onMouseEnter: (R, E) => m?.({
+            onMouseEnter: (_, E) => m?.({
               type: g.type,
               id: g.id,
               label: g.label,
@@ -2553,13 +2553,13 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
           }
         )
       ] }),
-      D && /* @__PURE__ */ l(Tt, { children: C }),
+      D && /* @__PURE__ */ c(Tt, { children: C }),
       r
     ] }),
-    /* @__PURE__ */ l(ut, { date: o })
+    /* @__PURE__ */ c(lt, { date: o })
   ] });
-}, 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,
+}, Ui = ({ flags: e }) => e.length ? /* @__PURE__ */ c(oa, { children: e.map(({ id: t, label: o, icon: n, tooltip: a, onClick: r, disabled: s, testId: i }) => /* @__PURE__ */ x(
+  aa,
   {
     as: r ? "button" : "span",
     type: r ? "button" : void 0,
@@ -2569,12 +2569,12 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     "data-tooltip-delay": 0,
     "data-testid": i,
     children: [
-      n && /* @__PURE__ */ l(se, { icon: n }),
+      n && /* @__PURE__ */ c(se, { icon: n }),
       o
     ]
   },
   t
-)) }) : null, $i = ({
+)) }) : null, zi = ({
   category: e,
   categoryNotFound: t,
   frameLink: o,
@@ -2601,7 +2601,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
       testId: "comment-frame-link-chip"
     }
   ] : []
-], Oi = ({
+], Bi = ({
   onDelete: e,
   onEdit: t,
   onCopyText: o,
@@ -2611,37 +2611,37 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   projectName: s,
   entity: i
 }) => {
-  const c = [], m = (p) => () => {
+  const l = [], m = (p) => () => {
     a?.(), p();
   };
-  return t && c.push({
+  return t && l.push({
     id: "edit",
     label: "Edit",
     icon: "edit_square",
     onClick: m(t)
-  }), o && c.push({
+  }), o && l.push({
     id: "copy-text",
     label: "Copy text",
     icon: "content_copy",
     onClick: m(o)
-  }), n && c.push({
+  }), n && l.push({
     id: "duplicate",
     label: "Duplicate",
     icon: "library_add",
     onClick: m(n)
-  }), c.push({
+  }), l.push({
     id: "copy-link",
     label: "Copy link",
     icon: "link",
-    onClick: m(() => En(na(s, r, i)))
-  }), e && c.push({
+    onClick: m(() => Mn(ra(s, r, i)))
+  }), e && l.push({
     id: "delete",
     label: "Delete",
     icon: "delete",
     onClick: m(e),
     danger: !0
-  }), /* @__PURE__ */ l(Qa, { menu: c });
-}, Vi = ({
+  }), /* @__PURE__ */ c(Za, { menu: l });
+}, Gi = ({
   activity: e = {},
   annotationFrameStart: t,
   onCheckChange: o,
@@ -2650,277 +2650,277 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   onDuplicate: r,
   projectInfo: s,
   editProps: i,
-  projectName: c,
+  projectName: l,
   entityType: m,
   onReferenceClick: p,
   onFileExpand: g,
   showOrigin: u,
   isHighlighted: h,
-  readOnly: v,
+  readOnly: b,
   statuses: y = []
 }) => {
   const {
     userName: D,
-    createReaction: P,
+    createReaction: M,
     deleteReaction: C,
     editingId: f,
-    setEditingId: b,
-    isGuest: T,
-    userTeamNames: I
-  } = $e(), _ = ge(null), { toggleMenuOpen: R, menuOpen: E } = Oa(), { categoryData: N, categoryNotFound: Q } = qn(e?.activityData?.category), Y = _n(N?.color);
+    setEditingId: w,
+    isGuest: A,
+    userTeamNames: S
+  } = $e(), P = pe(null), { toggleMenuOpen: _, menuOpen: E } = Ba(), { categoryData: N, categoryNotFound: G } = Wn(e?.activityData?.category), X = Rn(N?.color);
   let {
-    body: H,
-    authorName: J,
-    authorFullName: q,
+    body: Q,
+    authorName: Z,
+    authorFullName: Y,
     createdAt: $,
-    referenceType: te,
-    entityId: oe,
-    activityId: W,
-    author: U,
+    referenceType: oe,
+    entityId: ae,
+    activityId: J,
+    author: j,
     isOwner: de,
-    files: ae = [],
-    origin: ne
+    files: H = [],
+    origin: ee
   } = e;
-  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);
-  }, Ye = () => {
-    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({
+  Z || (Z = j?.name || ""), Y = Qn({ name: Z, label: Y });
+  const Oe = Ao(), De = `activity-comment-menu-${J}-${Oe}`, Ve = E === De, { onGoToFrame: be, setHighlightedActivities: ge, user: Ge, commentFrameLink: ue } = Be(), xe = !!Ge?.data?.isAdmin, he = de || xe, Ne = de || xe, Ie = () => {
+    w(J);
+  }, Ze = () => {
+    w(null);
+  }, Re = async (v, K, we) => {
+    await a?.(v, K, void 0, we), w(null);
+  }, fe = f === J, He = ({ activityId: v, url: K }) => {
+    document.getElementById(v) ? ge([v]) : window.open(K, "_blank", "noreferrer");
+  }, qe = oe !== "origin" || u, re = async () => {
+    const v = wi(Q);
+    qe && ee && v.push({ id: ee.id, type: ee.type }), n && await n(J, ae, v);
+  }, et = () => {
+    cr({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
       accept: async () => {
         await re();
       }
     });
-  }, [, Pe] = In(), He = S(
-    () => xi(e.reactions, D),
+  }, [, je] = En(), We = I(
+    () => Ti(e.reactions, D),
     [[...e.reactions || []]]
-  ), _e = (A) => {
-    A.isActive ? P({
-      projectName: c,
+  ), Ee = (v) => {
+    v.isActive ? M({
+      projectName: l,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: D,
-      activityId: W,
+      activityId: J,
       createReactionModel: {
-        reaction: A.type
+        reaction: v.type
       }
     }) : C({
-      projectName: c,
+      projectName: l,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
       userName: D,
-      activityId: W,
-      reaction: A.type
+      activityId: J,
+      reaction: v.type
     });
-  }, je = qe(
-    (A) => {
-      A.annotation && (ke?.(A.annotation.range[0]), he([W]));
+  }, Ue = Je(
+    (v) => {
+      v.annotation && (be?.(v.annotation.range[0]), ge([J]));
     },
-    [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]));
+    [be]
+  ), ke = I(() => $t(Q), [Q]), Me = I(
+    () => (H || []).filter((v) => !ke.has(v.id)),
+    [H, ke]
+  ), q = (v) => {
+    const K = ga(v), we = (H || []).filter((Fe) => vt(Fe.mime, Fe.ext)), Ae = we.findIndex((Fe) => Fe.id === K);
+    Ae !== -1 && g?.({ files: we, index: Ae, activityId: J });
+  }, Pe = I(() => Sn(Q || ""), [Q]), T = I(() => yt(e), [e]), R = ue?.formatFrame ?? ((v) => Gn(v, t)), U = () => {
+    T && (ue ? ue.goTo(T) : be?.(T.startFrame), ge([J]));
   };
-  return /* @__PURE__ */ k(Ce, { children: [
-    /* @__PURE__ */ k(
-      oa,
+  return /* @__PURE__ */ x(Te, { children: [
+    /* @__PURE__ */ x(
+      ia,
       {
-        className: ee("comment", {
+        className: ne("comment", {
           isOwner: de,
           isEditing: fe,
           isHighlighted: h,
-          category: !!N && !T,
-          menuOpen: xe
+          category: !!N && !A,
+          menuOpen: Ve
         }),
-        id: W,
+        id: J,
         $categoryPrimary: N?.color,
-        $categoryTertiary: Y.primary,
-        $categorySecondary: Y.secondary,
+        $categoryTertiary: X.primary,
+        $categorySecondary: X.secondary,
         children: [
-          /* @__PURE__ */ l(
-            Qn,
+          /* @__PURE__ */ c(
+            Yn,
             {
-              name: J,
-              fullName: q,
+              name: Z,
+              fullName: Y,
               date: $,
-              isRef: Ge,
+              isRef: qe,
               activity: e,
-              projectName: c,
+              projectName: l,
               entityType: m,
               onReferenceClick: p,
-              onReferenceTooltip: Pe,
+              onReferenceTooltip: je,
               children: void 0
             }
           ),
-          /* @__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,
+          /* @__PURE__ */ x(sa, { className: ne("comment-body", { isEditing: fe }), children: [
+            !b && /* @__PURE__ */ x(ca, { className: "tools", children: [
+              Ne && /* @__PURE__ */ c(rn, { icon: "edit_square", onClick: Ie, variant: "text" }),
+              /* @__PURE__ */ c(
+                rn,
                 {
                   icon: "more_horiz",
-                  ref: _,
-                  onClick: (A) => {
-                    A.stopPropagation(), R(we);
+                  ref: P,
+                  onClick: (v) => {
+                    v.stopPropagation(), _(De);
                   },
-                  className: xe ? "active" : ""
+                  className: Ve ? "active" : ""
                 }
               )
             ] }),
-            fe ? /* @__PURE__ */ l(
-              Gn,
+            fe ? /* @__PURE__ */ c(
+              Hn,
               {
-                initValue: H,
-                initFiles: ae,
+                initValue: Q,
+                initFiles: H,
                 annotationFrameStart: t,
                 initCategory: N?.name,
                 data: e.activityData,
-                activityId: W,
+                activityId: J,
                 versionReview: !1,
                 isEditing: !0,
-                onClose: Ye,
-                onSubmit: Ve,
+                onClose: Ze,
+                onSubmit: Re,
                 isOpen: !0,
                 ...i
               }
-            ) : /* @__PURE__ */ k(Ce, { children: [
-              /* @__PURE__ */ l(
-                Li,
+            ) : /* @__PURE__ */ x(Te, { children: [
+              /* @__PURE__ */ c(
+                Ui,
                 {
-                  flags: $i({
+                  flags: zi({
                     category: N,
-                    categoryNotFound: Q,
-                    frameLink: O,
-                    formatFrame: X,
-                    onFrameLinkClick: ue,
-                    canNavigateToFrame: !!K || !!ke,
-                    isGuest: T
+                    categoryNotFound: G,
+                    frameLink: T,
+                    formatFrame: R,
+                    onFrameLinkClick: U,
+                    canNavigateToFrame: !!ue || !!be,
+                    isGuest: A
                   })
                 }
               ),
-              /* @__PURE__ */ l(wi, { children: /* @__PURE__ */ l(
-                kn,
+              /* @__PURE__ */ c(Ci, { children: /* @__PURE__ */ c(
+                An,
                 {
                   remarkPlugins: [
+                    Cn,
                     Fn,
-                    An,
-                    ko,
-                    Jr,
-                    Ao
+                    Co,
+                    ti,
+                    To
                   ],
-                  urlTransform: (A) => A,
+                  urlTransform: (v) => v,
                   components: {
                     // a links
                     // @ts-ignore
-                    a: (A) => (
+                    a: (v) => (
                       // @ts-ignore
-                      da(A, {
-                        entityId: ne?.id ?? oe,
-                        entityType: ne?.type ?? m,
+                      pa(v, {
+                        entityId: ee?.id ?? ae,
+                        entityType: ee?.type ?? m,
                         userName: D,
-                        userTeamNames: I,
-                        projectName: c,
+                        userTeamNames: S,
+                        projectName: l,
                         onReferenceClick: p,
-                        onReferenceTooltip: Pe,
-                        activityId: W,
+                        onReferenceTooltip: je,
+                        activityId: J,
                         categoryPrimary: N?.color,
-                        categorySecondary: Y.secondary,
-                        onActivityLinkClick: Be
+                        categorySecondary: X.secondary,
+                        onActivityLinkClick: He
                       })
                     ),
                     // checkbox inputs
                     // @ts-ignore
-                    input: (A) => la(A, { activity: e, onCheckChange: o }),
+                    input: (v) => ma(v, { activity: e, onCheckChange: o }),
                     // code syntax highlighting
                     // eslint-disable-next-line
                     // @ts-ignore
-                    code: (A) => ca(A),
+                    code: (v) => ua(v),
                     // @ts-ignore
-                    blockquote: (A) => sa(A),
+                    blockquote: (v) => da(v),
                     // @ts-ignore
-                    tip: (A) => /* @__PURE__ */ k(ia, { children: [
-                      /* @__PURE__ */ l(se, { icon: "info" }),
-                      A.children
+                    tip: (v) => /* @__PURE__ */ x(la, { children: [
+                      /* @__PURE__ */ c(se, { icon: "info" }),
+                      v.children
                     ] }),
                     // a video url on its own line is an embedded video
                     // @ts-ignore
-                    p: (A) => Za(A, { onOpen: w }) ?? er(A) ?? /* @__PURE__ */ l("p", { children: A.children }),
+                    p: (v) => ar(v, { onOpen: q }) ?? rr(v) ?? /* @__PURE__ */ c("p", { children: v.children }),
                     // @ts-ignore
-                    status: (A) => /* @__PURE__ */ l(Fi, { name: A.id, statuses: y, children: A.children })
+                    status: (v) => /* @__PURE__ */ c(Ii, { name: v.id, statuses: y, children: v.children })
                   },
-                  children: M
+                  children: Pe
                 }
               ) }),
-              /* @__PURE__ */ l(
-                Pn,
+              /* @__PURE__ */ c(
+                _n,
                 {
-                  files: Re,
-                  isCompact: Re.length > 6,
-                  activityId: W,
-                  projectName: c,
+                  files: Me,
+                  isCompact: Me.length > 6,
+                  activityId: J,
+                  projectName: l,
                   isDownloadable: !0,
                   onExpand: g,
-                  onAnnotationClick: je,
+                  onAnnotationClick: Ue,
                   pt: { file: { annotationFrameStart: t } },
                   onRemove: void 0
                 }
               )
             ] }),
-            !fe && /* @__PURE__ */ l("div", { style: { marginTop: "16px" }, children: He && /* @__PURE__ */ l(
-              gi,
+            !fe && /* @__PURE__ */ c("div", { style: { marginTop: "16px" }, children: We && /* @__PURE__ */ c(
+              bi,
               {
-                reactions: He,
-                changeHandler: _e,
-                readOnly: v,
-                category: N && !T ? N.name : void 0,
+                reactions: We,
+                changeHandler: Ee,
+                readOnly: b,
+                category: N && !A ? N.name : void 0,
                 categoryPrimary: N?.color,
-                categorySecondary: Y.secondary,
-                categoryTertiary: Y.primary
+                categorySecondary: X.secondary,
+                categoryTertiary: X.primary
               }
             ) })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ l(
-      Ya,
+    /* @__PURE__ */ c(
+      er,
       {
-        target: _.current,
-        id: we,
+        target: P.current,
+        id: De,
         align: "right",
-        onClose: (A) => {
-          A?.stopPropagation(), R(!1);
+        onClose: (v) => {
+          v?.stopPropagation(), _(!1);
         },
-        children: /* @__PURE__ */ l(
-          Oi,
+        children: /* @__PURE__ */ c(
+          Bi,
           {
-            onDelete: Oe && n ? Je : void 0,
-            onEdit: Se ? De : void 0,
-            onCopyText: M ? () => En(M) : void 0,
+            onDelete: he && n ? et : void 0,
+            onEdit: Ne ? Ie : void 0,
+            onCopyText: Pe ? () => Mn(Pe) : void 0,
             onDuplicate: r ? () => r(e) : void 0,
-            activityId: W,
-            onSelect: () => R(!1),
-            projectName: c,
-            entity: ne ?? (oe ? { id: oe, type: m } : void 0)
+            activityId: J,
+            onSelect: () => _(!1),
+            projectName: l,
+            entity: ee ?? (ae ? { id: ae, type: m } : void 0)
           }
         )
       }
     )
   ] });
-}, ji = F.li`
+}, Hi = F.li`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2930,7 +2930,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Ui = F.div`
+`, qi = F.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2953,10 +2953,10 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     font-size: 12px;
     font-weight: 800;
   }
-`, zi = (e, t) => {
+`, Wi = (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;
-}, Bi = F.div`
+}, Qi = F.div`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2965,7 +2965,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     font-variation-settings: 'FILL' 1;
     font-size: 16px;
   }
-`, Gi = F.span`
+`, Yi = F.span`
   color: var(--md-sys-color-outline);
   font-size: 12px;
   max-width: 300px;
@@ -2975,37 +2975,37 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   span {
     font-size: inherit;
   }
-`, 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 }),
+`, _t = ft(
+  ({ icon: e, color: t, name: o, items: n, ...a }, r) => /* @__PURE__ */ x(Qi, { ...a, ref: r, children: [
+    e && /* @__PURE__ */ c(se, { icon: e, style: { color: t } }),
+    /* @__PURE__ */ c(Yi, { title: o, children: n ? n.map((s, i) => /* @__PURE__ */ x(Fo, { children: [
+      /* @__PURE__ */ c("span", { style: { color: s.color }, children: s.label }),
       i < n.length - 1 && ", "
     ] }, i)) : o })
   ] })
-), Hi = (e) => {
+), Ji = (e) => {
   const t = typeof e.icon == "string" ? e.icon : e.icon?.name, o = e.color ?? (typeof e.icon == "object" ? e.icon?.color : void 0);
   return { name: e.label, icon: t, color: o };
-}, qi = (e, t) => {
+}, Ki = (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 ma(n, "dd-MM-yyyy");
+    if (!isNaN(n.getTime())) return ha(n, "dd-MM-yyyy");
   }
   return String(e);
-}, Wi = (e, t) => e === "description" || t?.data.widget === "markdown", Qi = (e, t, o) => {
+}, Xi = (e, t) => e === "description" || t?.data.widget === "markdown", Zi = (e, t, o) => {
   if (e == null || e === "" || Array.isArray(e) && !e.length) return { name: "none" };
-  if (typeof e == "string" && Wi(o, t))
-    return { name: tr(e) || "none" };
+  if (typeof e == "string" && Xi(o, t))
+    return { name: ir(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 Hi(r);
+    if (r) return Ji(r);
   }
-  return { name: a.map((r) => qi(r, t)).join(", ") };
-}, Yi = ({
+  return { name: a.map((r) => Ki(r, t)).join(", ") };
+}, es = ({
   entityType: e,
   projectInfo: t,
   activity: o = {}
@@ -3016,37 +3016,37 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     authorFullName: r,
     createdAt: s,
     oldStatus: i,
-    newStatus: c,
+    newStatus: l,
     activityData: m = {}
-  } = 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) => ({
+  } = o, { key: p, oldValue: g, newValue: u } = m, h = Wi(o, e), b = n === "attrib.change", y = n === "tags.change", D = n === "subtype.change", { data: M = [] } = Ma(void 0, { skip: !b }), C = I(() => M.find((N) => N.name === p), [M, p]), f = b ? C?.data.title || p : y ? "Tags" : D ? "Type" : void 0, w = (N) => ({
     name: N?.name || "",
     icon: N?.icon,
     color: N?.color
-  }), T = (N) => {
-    const Q = Array.isArray(N) ? N.map(String) : [];
-    if (!Q.length) return { name: "none" };
-    const Y = Q.map((H) => ({
-      label: H,
-      color: t?.tags?.find((J) => J.name === H)?.color
+  }), A = (N) => {
+    const G = Array.isArray(N) ? N.map(String) : [];
+    if (!G.length) return { name: "none" };
+    const X = G.map((Q) => ({
+      label: Q,
+      color: t?.tags?.find((Z) => Z.name === Q)?.color
     }));
-    return { name: Q.join(", "), items: Y };
-  }, 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: [
+    return { name: G.join(", "), items: X };
+  }, S = n === "status.change", P = (N, G) => S ? w(G) : y ? A(N) : Zi(N, C, p), _ = P(g, i), E = P(u, l);
+  return /* @__PURE__ */ x(Hi, { children: [
+    /* @__PURE__ */ x(qi, { children: [
+      /* @__PURE__ */ c(Dt, { children: r || a }),
+      /* @__PURE__ */ x(Dt, { children: [
         "- ",
         h.join(" / "),
         " -"
       ] }),
-      f && /* @__PURE__ */ l(Dt, { children: /* @__PURE__ */ l("strong", { children: f }) }),
-      /* @__PURE__ */ l(Pt, { ...R }),
-      /* @__PURE__ */ l(se, { icon: "trending_flat" }),
-      /* @__PURE__ */ l(Pt, { ...E })
+      f && /* @__PURE__ */ c(Dt, { children: /* @__PURE__ */ c("strong", { children: f }) }),
+      /* @__PURE__ */ c(_t, { ..._ }),
+      /* @__PURE__ */ c(se, { icon: "trending_flat" }),
+      /* @__PURE__ */ c(_t, { ...E })
     ] }),
-    /* @__PURE__ */ l(ut, { date: s })
+    /* @__PURE__ */ c(lt, { date: s })
   ] });
-}, Ji = F.li`
+}, Jn = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3059,7 +3059,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Ki = F.div`
+`, Kn = F.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: start;
@@ -3067,18 +3067,18 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   gap: var(--base-gap-small);
   padding: 0px 4px;
   overflow: hidden;
-`, Xi = F.span`
+`, Rt = F.span`
   color: var(--md-sys-color-outline);
   white-space: wrap;
   font-size: 12px;
-`, fn = ({ activity: e, isAdding: t }) => {
+`, yn = ({ activity: e, isAdding: t }) => {
   const { authorFullName: o, createdAt: n, activityData: a, authorName: r } = e || {}, { assignee: s } = a || {};
   let i = o || r;
-  return i += t ? " added " : " removed ", i += "assignee: " + s, /* @__PURE__ */ l(Ji, { children: /* @__PURE__ */ k(Ki, { children: [
-    /* @__PURE__ */ l(Xi, { children: i }),
-    /* @__PURE__ */ l(ut, { date: n })
+  return i += t ? " added " : " removed ", i += "assignee: " + s, /* @__PURE__ */ c(Jn, { children: /* @__PURE__ */ x(Kn, { children: [
+    /* @__PURE__ */ c(Rt, { children: i }),
+    /* @__PURE__ */ c(lt, { date: n })
   ] }) });
-}, Zi = F.li`
+}, ts = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -3090,7 +3090,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
 
   width: 100%;
   padding: 8px;
-`, es = F.div`
+`, ns = F.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -3106,7 +3106,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
       display: inline;
     }
   }
-`, ts = F.div`
+`, os = F.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -3120,7 +3120,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     min-width: 0;
     overflow: hidden;
   }
-`, yn = F.div`
+`, vn = F.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3144,7 +3144,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     display: none;
     flex: 1;
   }
-`, ns = F(Ra)`
+`, as = F(ja)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -3158,23 +3158,23 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   img {
     object-fit: cover;
   }
-`, os = F.span`
+`, rs = F.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   min-width: 0;
-`, as = F.div`
+`, is = F.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`, rs = F.li`
+`, ss = F.li`
   /* reset default */
   list-style: none;
   margin: 0;
   padding: 0;
   padding: 0px 8px;
-`, Yn = F.div`
+`, Xn = F.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -3197,7 +3197,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   &:hover {
     background-color: var(--md-sys-color-surface-container-hover);
   }
-`, is = ({
+`, cs = ({
   activity: e,
   projectName: t,
   entityType: o,
@@ -3205,15 +3205,24 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   filter: a,
   statuses: r = []
 }) => {
-  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,
+  const { onOpenViewer: s } = Be();
+  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] = L(g), b = 2, [y, D] = L(!1), M = (C, f, w) => {
+    const A = fa(C);
+    s?.({
+      versionIds: [f],
+      productId: w,
+      projectName: t,
+      reviewableIds: A && [A.fileId],
+      goToPosition: A?.position
+    });
+  };
+  return /* @__PURE__ */ x(ts, { children: [
+    /* @__PURE__ */ c(
+      Yn,
       {
         name: i,
-        fullName: c || i,
+        fullName: l || i,
         date: m,
         activity: e,
         projectName: t,
@@ -3222,19 +3231,19 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
       }
     ),
     p.flatMap((C, f) => {
-      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 })
+      const { name: w, id: A, productId: S, productName: P, thumbnailHash: _, comment: E } = C, N = r.find((G) => G.name === C.status);
+      return (f < b || u) && /* @__PURE__ */ x(ns, { onClick: (G) => M(G, A, S), children: [
+        /* @__PURE__ */ x(os, { children: [
+          /* @__PURE__ */ x("div", { children: [
+            /* @__PURE__ */ x(vn, { children: [
+              /* @__PURE__ */ c("span", { children: P }),
+              /* @__PURE__ */ c(lt, { date: m, isExact: !0 })
             ] }),
-            /* @__PURE__ */ k(yn, { children: [
-              /* @__PURE__ */ l(os, { className: "version", children: b }),
+            /* @__PURE__ */ x(vn, { children: [
+              /* @__PURE__ */ c(rs, { className: "version", children: w }),
               " -",
-              /* @__PURE__ */ l(
-                Pt,
+              /* @__PURE__ */ c(
+                _t,
                 {
                   icon: N?.icon,
                   color: N?.color,
@@ -3243,38 +3252,40 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
               )
             ] })
           ] }),
-          /* @__PURE__ */ l(
-            ns,
+          /* @__PURE__ */ c(
+            as,
             {
               projectName: t,
-              entityId: T,
+              entityId: A,
               entityType: "version",
               onError: () => D(!0),
               iconOnly: y,
-              thumbnailHash: R,
-              icon: "play_circle"
+              thumbnailHash: _,
+              icon: "play_circle",
+              filmstrip: !0,
+              filmstripFit: "cover"
             }
           )
         ] }),
-        E && /* @__PURE__ */ l(as, { children: E })
-      ] }, T);
+        E && /* @__PURE__ */ c(is, { children: E })
+      ] }, A);
     }),
-    !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` })
+    !g && p.length > b && /* @__PURE__ */ x(Xn, { onClick: () => h(!u), children: [
+      /* @__PURE__ */ c(se, { icon: "more" }),
+      /* @__PURE__ */ c("span", { children: u ? "Show less" : `Show ${p.length - b} more versions` })
     ] })
   ] });
-}, ss = ({ activities: e, editProps: t, ...o }) => {
+}, ls = ({ 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" }),
+  return /* @__PURE__ */ x(Te, { children: [
+    /* @__PURE__ */ c(ss, { children: /* @__PURE__ */ x(Xn, { onClick: () => a(!n), children: [
+      /* @__PURE__ */ c(se, { icon: n ? "expand_less" : "chevron_right" }),
       n ? "Show less" : "Show more"
     ] }) }),
     n && e.map((r) => (
       // @ts-expect-error
-      /* @__PURE__ */ l(
-        Jn,
+      /* @__PURE__ */ c(
+        Zn,
         {
           editProps: t,
           activity: r,
@@ -3285,7 +3296,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
       )
     ))
   ] });
-}, Jn = ({
+}, Zn = ({
   activity: e,
   fromGroup: t,
   annotationFrameStart: o,
@@ -3294,7 +3305,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
   editProps: r,
   filter: s,
   readOnly: i,
-  statuses: c,
+  statuses: l,
   isSlideOut: m,
   isGuest: p,
   ...g
@@ -3303,15 +3314,15 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     case "comment":
       return (
         // @ts-expect-error
-        /* @__PURE__ */ l(
-          Vi,
+        /* @__PURE__ */ c(
+          Gi,
           {
             activity: e,
             annotationFrameStart: o,
             projectInfo: n,
             editProps: r,
             readOnly: i,
-            statuses: c,
+            statuses: l,
             isSlideOut: m,
             ...g
           }
@@ -3321,18 +3332,18 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     case "attrib.change":
     case "tags.change":
     case "subtype.change":
-      return /* @__PURE__ */ l(Yi, { activity: e, projectInfo: n, ...g });
+      return /* @__PURE__ */ c(es, { activity: e, projectInfo: n, ...g });
     case "assignee.add":
-      return /* @__PURE__ */ l(fn, { activity: e, ...g, isAdding: !0 });
+      return /* @__PURE__ */ c(yn, { activity: e, ...g, isAdding: !0 });
     case "assignee.remove":
-      return /* @__PURE__ */ l(fn, { activity: e, ...g });
+      return /* @__PURE__ */ c(yn, { activity: e, ...g });
     case "version.publish":
-      return /* @__PURE__ */ l(is, { activity: e, projectInfo: n, filter: s, statuses: c, ...g });
+      return /* @__PURE__ */ c(cs, { activity: e, projectInfo: n, filter: s, statuses: l, ...g });
     case "version.review":
-      return /* @__PURE__ */ l(Ri, { activity: e, isGuest: p, ...g });
+      return /* @__PURE__ */ c(ji, { activity: e, isGuest: p, ...g });
     case "group":
-      return !t && /* @__PURE__ */ l(
-        ss,
+      return !t && /* @__PURE__ */ c(
+        ls,
         {
           editProps: r,
           activities: e.items || [],
@@ -3343,7 +3354,7 @@ const Mi = "anonymous.guest", Pi = "Anonymous User", _i = "unknown.user", Wn = (
     default:
       return null;
   }
-}, cs = F.section`
+}, ds = F.section`
   padding-bottom: 4px;
   overflow: hidden;
   position: relative;
@@ -3391,7 +3402,7 @@ F.div`
     color: inherit;
   }
 `;
-const ls = F.ul`
+const us = F.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 24px 0;
@@ -3412,11 +3423,11 @@ const ls = F.ul`
   & > *:last-child {
     margin-top: 32px;
   }
-`, ds = F.span`
+`, ms = F.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
-`, us = F.div`
+`, ps = F.div`
   height: 50px;
   border-radius: 8px;
   overflow: hidden;
@@ -3424,7 +3435,7 @@ const ls = F.ul`
   opacity: 0.5;
 
   position: relative;
-`, ms = ({
+`, gs = ({
   projectName: e,
   entityType: t,
   entities: o = [],
@@ -3435,33 +3446,33 @@ const ls = F.ul`
     createEntityActivity: r,
     updateActivity: s,
     deleteActivity: i,
-    isUpdatingActivity: c,
+    isUpdatingActivity: l,
     userName: m,
     userFullName: p,
     activityTypes: g
   } = $e(), u = o.map((C) => C.id), h = ({
     entityId: C,
     newId: f,
-    subTitle: b,
-    value: T,
-    files: I = [],
-    data: _ = {}
+    subTitle: w,
+    value: A,
+    files: S = [],
+    data: P = {}
   }) => ({
-    body: T,
+    body: A,
     activityType: "comment",
     activityId: f,
     entityId: C,
     referenceType: "origin",
     authorName: m,
     authorFullName: p,
-    createdAt: Ga(/* @__PURE__ */ new Date()),
-    files: I,
+    createdAt: Ya(/* @__PURE__ */ new Date()),
+    files: S,
     reactions: [],
-    activityData: _,
+    activityData: P,
     origin: {
       id: "8090c2dafcc811eeaf820242c0a80002",
       type: t,
-      name: b
+      name: w
     },
     author: {
       active: !0,
@@ -3469,61 +3480,61 @@ const ls = F.ul`
     }
   });
   return {
-    submitComment: async (C, f = [], b = {}) => {
-      const T = o.map(({ id: R, subTitle: E }) => {
-        const N = cn(), Q = f.map((te) => te.id), Y = a ? { ...b, entityList: a } : b, H = {
+    submitComment: async (C, f = [], w = {}) => {
+      const A = o.map(({ id: _, subTitle: E }) => {
+        const N = ln(), G = f.map((oe) => oe.id), X = a ? { ...w, entityList: a } : w, Q = {
           body: C,
           activityType: "comment",
           id: N,
-          files: Q,
-          data: Y
-        }, J = f.filter(
-          ({ id: te }) => !b.annotations?.some(
-            (oe) => oe.transparent === te
+          files: G,
+          data: X
+        }, Z = f.filter(
+          ({ id: oe }) => !w.annotations?.some(
+            (ae) => ae.transparent === oe
           )
-        ), q = h({ entityId: R, newId: N, subTitle: E, value: C, files: J, data: b });
+        ), Y = h({ entityId: _, newId: N, subTitle: E, value: C, files: Z, data: w });
         return r({
           projectName: e,
           entityType: t,
-          entityId: R,
-          data: H,
-          patch: q,
+          entityId: _,
+          data: Q,
+          patch: Y,
           filter: n,
           ...{ entityIds: u, activityTypes: g }
         });
-      }), _ = (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);
+      }), P = (await Promise.all(A)).filter((_) => _.error);
+      if (P.length > 0) {
+        const _ = sn(P[0].error) || "Failed to create comment";
+        throw Ce.error(_), new Error(_);
       }
     },
-    updateComment: async (C, f, b = [], T = {}) => {
-      const I = b.map((N) => N.id), _ = {
+    updateComment: async (C, f, w = [], A = {}) => {
+      const S = w.map((N) => N.id), P = {
         body: f,
-        files: I,
-        data: T
-      }, R = {
+        files: S,
+        data: A
+      }, _ = {
         ...C,
-        ..._,
-        files: b,
-        activityData: T
+        ...P,
+        files: w,
+        activityData: A
       }, E = { entityType: t, entityIds: u, activityTypes: g };
       try {
         await s({
           projectName: e,
-          data: _,
+          data: P,
           activityId: C.activityId,
           entityId: C.entityId,
-          patch: R,
+          patch: _,
           filter: n,
           ...E
         });
       } catch (N) {
-        throw Fe.error(an(N)), N;
+        throw Ce.error(sn(N)), N;
       }
     },
-    deleteComment: async (C, f, b = []) => {
-      const T = { entityType: t, entityIds: u, activityTypes: g };
+    deleteComment: async (C, f, w = []) => {
+      const A = { entityType: t, entityIds: u, activityTypes: g };
       if (C)
         try {
           await i({
@@ -3532,32 +3543,32 @@ const ls = F.ul`
             entityId: f,
             filter: n,
             patch: { activityId: C },
-            refs: b,
-            ...T
+            refs: w,
+            ...A
           });
         } catch {
         }
     },
     submitReview: async (C) => {
-      const f = o.map(({ id: b, subTitle: T }) => {
-        const I = cn(), _ = { feedback: C, entityList: a }, R = {
-          body: Xr(C, t),
+      const f = o.map(({ id: w, subTitle: A }) => {
+        const S = ln(), P = { feedback: C, entityList: a }, _ = {
+          body: oi(C, t),
           activityType: "version.review",
-          id: I,
-          data: _
-        }, E = h({ entityId: b, newId: I, subTitle: T, value: "", data: _ });
+          id: S,
+          data: P
+        }, E = h({ entityId: w, newId: S, subTitle: A, value: "", data: P });
         return r({
           projectName: e,
           entityType: t,
-          entityId: b,
-          data: R,
+          entityId: w,
+          data: _,
           patch: E,
           filter: n
         });
       });
       await Promise.all(f);
     },
-    isSaving: c
+    isSaving: l
   };
 }, Nt = (e = {}) => {
   const {
@@ -3566,9 +3577,9 @@ const ls = F.ul`
     origin: n = {},
     activityData: { context: { productName: a, productType: r, productId: s } = {} } = {},
     version: i
-  } = e, { name: c, id: m } = n;
+  } = e, { name: l, id: m } = n;
   return {
-    name: c,
+    name: l,
     id: m,
     productId: s,
     productName: a,
@@ -3579,7 +3590,7 @@ const ls = F.ul`
     status: i?.status,
     thumbnailHash: i?.thumbnailHash
   };
-}, ps = 5, gs = (e = []) => {
+}, hs = 5, fs = (e = []) => {
   const t = [];
   let o = null;
   for (const n of e) {
@@ -3591,10 +3602,10 @@ const ls = F.ul`
       o = { ...n }, o.versions = [Nt(n)];
       continue;
     }
-    const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, i = Ha(
+    const a = o.authorName === n.authorName, r = o.origin.id === n.origin.id, i = Ja(
       new Date(o.createdAt),
       new Date(n.createdAt)
-    ) <= ps;
+    ) <= hs;
     if (a && i && r) {
       o.versions.push(Nt(n));
       continue;
@@ -3604,34 +3615,34 @@ const ls = F.ul`
     }
   }
   return o && t.push(o), t;
-}, hs = (e, t) => {
+}, ys = (e, t) => {
   let o = {};
-  t.reduce((i, c) => (i[c.name] = c, i), o);
+  t.reduce((i, l) => (i[l.name] = l, i), o);
   const n = [];
   let a = [];
   const r = (i) => {
-    const c = (h) => ["assignee.add", "assignee.remove"].includes(h[0].activityType) ? [
+    const l = (h) => ["assignee.add", "assignee.remove"].includes(h[0].activityType) ? [
       {
         ...h[0],
         activityType: h[0].activityType,
         assignee: [
           ...h.map(
-            (v) => o[v.activityData.assignee]?.attrib?.fullName || v.activityData.assignee
+            (b) => o[b.activityData.assignee]?.attrib?.fullName || b.activityData.assignee
           )
         ].join(", "),
         activityData: {
           ...h[0].activityData,
           assignee: h.map(
-            (v) => o[v.activityData.assignee]?.attrib?.fullName || v.activityData.assignee
+            (b) => o[b.activityData.assignee]?.attrib?.fullName || b.activityData.assignee
           ).join(", ")
         }
       }
     ] : 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(...c(p)), p = [h]), g = h.activityType, u = h.authorName;
-    }), p.length != 0 && m.push(...c(p)), m;
-  }, s = (i, c) => {
+      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) => {
     if (a.length > 2) {
       if (i) {
         const m = a[0].activityData.assignee;
@@ -3646,20 +3657,20 @@ const ls = F.ul`
       n.push({
         activityType: "group",
         items: r(i ? a.slice(1) : a),
-        activityId: "group-" + c
+        activityId: "group-" + l
       });
     } else a.length > 0 && a.forEach((m) => n.push(m));
     a = [];
   };
   for (const i of e)
-    if (fs.includes(i.activityType))
+    if (vs.includes(i.activityType))
       a.push(i);
     else {
-      const c = n.length === 0;
-      s(c, n.length), n.push(i);
+      const l = n.length === 0;
+      s(l, n.length), n.push(i);
     }
   return a.length > 0 && s(!1, n.length), n;
-}, vn = (e, t, o = "oldValue") => {
+}, bn = (e, t, o = "oldValue") => {
   const n = [];
   let a = null, r = null;
   for (const s of e)
@@ -3668,104 +3679,104 @@ const ls = F.ul`
         a = { ...s }, r = new Date(s.createdAt);
         continue;
       }
-      const i = a.authorName === s.authorName, c = a.origin.id === s.entityId, m = a.activityData?.key === s.activityData?.key, p = new Date(s.createdAt), u = r !== null && lt(r) && lt(p) && Math.abs(qa(r, p)) <= 20;
-      i && u && c && m ? (s[o] !== void 0 && (a[o] = s[o]), a.activityData = {
+      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 && Ke(r) && Ke(p) && Math.abs(Ka(r, p)) <= 20;
+      i && u && l && 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;
-}, fs = [
+}, vs = [
   "status.change",
   "assignee.add",
   "assignee.remove",
   "attrib.change",
   "tags.change",
   "subtype.change"
-], ys = (e = [], t = {}) => e.map((o) => {
+], bs = (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((c) => c.name === a), i = t.statuses?.find((c) => c.name === r);
+    const a = n.activityData?.oldValue, r = n.activityData?.newValue, s = t.statuses?.find((l) => l.name === a), i = t.statuses?.find((l) => l.name === r);
     n.oldStatus = { ...s, name: a }, n.newStatus = { ...i, name: r };
   }
   return n;
-}), vs = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, bs = (e = [], t = [], o = {}, n, a, r) => {
-  const s = S(
-    () => ys(e, o),
+}), ws = (e = [], t = [], o) => t.includes(o) ? e.filter((n) => n.referenceType !== "relation") : e, xs = (e = [], t = [], o = {}, n, a, r) => {
+  const s = I(
+    () => bs(e, o),
     [e, o]
-  ), i = S(() => s.map((y) => ({ ...y, isOwner: a === y.authorName })), [s, a]), c = S(
-    () => vs(i, ["version"], n),
+  ), i = I(() => s.map((y) => ({ ...y, isOwner: a === y.authorName })), [s, a]), l = I(
+    () => ws(i, ["version"], n),
     [i, n]
-  ), 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)
+  ), m = I(() => [...l].sort((D, M) => {
+    const C = new Date(D.createdAt), f = new Date(M.createdAt), w = Ke(C), A = Ke(f);
+    if (!w && !A)
       return 0;
-    if (b) {
-      if (!T)
+    if (w) {
+      if (!A)
         return -1;
     } else return 1;
-    return Wa(f, C);
-  }), [c]), p = S(
-    () => vn(m, "status.change", "oldStatus"),
+    return Xa(f, C);
+  }), [l]), p = I(
+    () => bn(m, "status.change", "oldStatus"),
     [m]
-  ), g = S(
-    () => vn(p, "attrib.change"),
+  ), g = I(
+    () => bn(p, "attrib.change"),
     [p]
-  ), u = S(() => r?.conditions?.some(
+  ), u = I(() => r?.conditions?.some(
     (D) => "key" in D && D.key === "updates" && D.value === !0
-  ) ? g : hs(g, t), [g, t, r]), h = S(
-    () => gs(u),
+  ) ? g : ys(g, t), [g, t, r]), h = I(
+    () => fs(u),
     [u]
   );
-  return S(() => [...new Map(
+  return I(() => [...new Map(
     h.filter((D) => D && D.activityId).map((D) => [D.activityId, D])
   ).values()], [h]);
-}, bn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), ws = ({
+}, wn = (e, t) => JSON.stringify({ entities: e.map((o) => o.id), filter: t }), ks = ({
   entities: e = [],
   feedRef: t,
   filter: o,
   disabled: n,
   isLoading: a
 }) => {
-  const r = ge({}), s = (i) => {
-    const c = i.current.querySelectorAll(".scroll-to"), m = Array.from(c).map((g) => g.closest("li.comment"));
+  const r = pe({}), s = (i) => {
+    const l = i.current.querySelectorAll(".scroll-to"), m = Array.from(l).map((g) => g.closest("li.comment"));
     return (m[m.length - 1]?.offsetTop || 0) - 8 || 0;
   };
-  G(() => {
-    const i = bn(e, o);
+  W(() => {
+    const i = wn(e, o);
     !t.current || n || a || (t.current.scrollTop = r.current[i] || s(t));
-  }, [e, o, t.current, a]), G(() => {
+  }, [e, o, t.current, a]), W(() => {
     let i = null;
     if (!t.current || n) return;
-    const c = (m) => {
+    const l = (m) => {
       if (i)
         return;
       i = setTimeout(() => {
         i = null;
       }, 300);
-      const { scrollTop: p } = m.target, g = bn(e, o);
+      const { scrollTop: p } = m.target, g = wn(e, o);
       r.current[g] = p;
     };
-    return t.current?.addEventListener("scroll", c), () => {
-      t.current?.removeEventListener("scroll", c);
+    return t.current?.addEventListener("scroll", l), () => {
+      t.current?.removeEventListener("scroll", l);
     };
   }, [t.current, o, e, n]);
-}, xs = ({ feedRef: e, isInputOpen: t, height: o }) => {
-  G(() => {
+}, As = ({ feedRef: e, isInputOpen: t, height: o }) => {
+  W(() => {
     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]);
-}, 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,
+}, Fs = (e = 50, t = 200) => Math.floor(Math.random() * (t - e + 1) + e), Cs = (e) => new Array(e).fill(0).map((t, o) => /* @__PURE__ */ c(
+  ps,
   {
     className: "loading",
-    style: { minHeight: ks(50, 150) }
+    style: { minHeight: Fs(50, 150) }
   },
   o
-)), Fs = ({
+)), Ts = ({
   feedRef: e,
   highlighted: t = [],
   isLoading: o,
@@ -3773,26 +3784,26 @@ const ls = F.ul`
   hasNextPage: a,
   activities: r
 }) => {
-  const s = ge([]), i = async (m, p = 0) => {
+  const s = pe([]), 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));
-  }, c = async (m) => {
+    return !u || !u.hasNextPage ? null : (await new Promise((b) => requestAnimationFrame(() => b())), i(m, p));
+  }, l = async (m) => {
     const p = await i(m);
     if (!p) {
       console.error("No highlighted element found");
       return;
     }
-    const g = p.offsetTop, u = p.offsetHeight, h = m.offsetHeight || 0, v = 64, D = u + v > h ? g - 16 : g + u - h + v;
+    const g = p.offsetTop, u = p.offsetHeight, h = m.offsetHeight || 0, b = 64, D = u + b > h ? g - 16 : g + u - h + b;
     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..."), c(e.current));
+  W(() => {
+    !t.length || !e.current || o || !n || t.every((m) => s.current?.includes(m)) || (console.log("trying to scroll to highlighted..."), l(e.current));
   }, [e, t, r, o, n, s, a]);
-}, Cs = (e) => e.map((t) => {
+}, Ds = (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(
@@ -3801,79 +3812,79 @@ const ls = F.ul`
     return r ? r.transparent === a.id ? null : { ...a, annotation: r } : a;
   }).filter(Boolean);
   return { ...t, files: o };
-}), Kn = [
+}), eo = [
   "comments",
   "versions",
   "updates",
   "checklists",
   "has_attachments",
   "in_review_session"
-], Ts = (e) => !!e && "key" in e, Ds = (e, t) => {
+], Ns = (e) => !!e && "key" in e, Is = (e, t) => {
   const o = [], n = [], a = (r) => {
     if (!r) return;
-    if (Ts(r)) {
+    if (Ns(r)) {
       const i = r.key;
       if (i === "body") {
         const p = String(r.value ?? "");
         p && n.push({ id: p, label: p });
         return;
       }
-      const c = t.find((p) => p.id === i);
-      if (!c) return;
-      if (Kn.includes(i)) {
+      const l = t.find((p) => p.id === i);
+      if (!l) return;
+      if (eo.includes(i)) {
         r.value === !0 && o.push({
-          id: tn(i),
-          label: c.label,
-          icon: c.icon,
+          id: on(i),
+          label: l.label,
+          icon: l.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: c.label }]
+          values: [{ id: "true", label: l.label }]
         });
         return;
       }
       const m = Array.isArray(r.value) ? r.value : [r.value];
       o.push({
-        id: tn(i),
-        label: c.label,
-        type: c.type,
-        icon: c.icon,
-        singleSelect: c.singleSelect,
+        id: on(i),
+        label: l.label,
+        type: l.type,
+        icon: l.icon,
+        singleSelect: l.singleSelect,
         operator: "OR",
         values: m.map((p) => {
-          const g = c.values?.find((u) => u.id === String(p));
+          const g = l.values?.find((u) => u.id === String(p));
           return g ? { ...g } : { id: String(p), label: String(p) };
         })
       });
       return;
     }
-    const s = Ka(r, t);
+    const s = nr(r, t);
     if (s) {
       o.push(s);
       return;
     }
     r.conditions?.forEach(a);
   };
-  return e?.conditions?.forEach(a), n.length && o.push({ id: Dn, label: "", values: n }), o;
-}, Ns = (e) => {
+  return e?.conditions?.forEach(a), n.length && o.push({ id: Nn, label: "", values: n }), o;
+}, Ss = (e) => {
   const t = [], o = [];
   return e.forEach((n) => {
-    const a = Eo(n.id), r = (n.values || []).map((s) => s.id);
+    const a = _o(n.id), r = (n.values || []).map((s) => s.id);
     if (r.length)
-      if (a === Dn)
+      if (a === Nn)
         r.forEach(
           (s) => o.push({ key: "body", operator: "like", value: String(s) })
         );
-      else if (Kn.includes(a))
+      else if (eo.includes(a))
         r.includes("true") && t.push({ key: a, operator: "eq", value: !0 });
       else if (n.type === "datetime") {
-        const s = Xa(a, n);
+        const s = or(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 };
-}, Ss = F.div`
+}, Es = F.div`
   padding: 4px 8px;
   padding-bottom: 0;
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
@@ -3888,7 +3899,7 @@ const ls = F.ul`
     opacity: 0.5;
     pointer-events: none;
   }
-`, Xn = ft(
+`, to = ft(
   ({
     feedFilter: e,
     setFeedFilter: t,
@@ -3899,11 +3910,11 @@ const ls = F.ul`
     checklistCount: s,
     onSearchTextChange: i
   }) => {
-    const c = S(() => {
-      const f = (T, I, _) => ({
-        id: T,
-        label: I,
-        icon: _,
+    const l = I(() => {
+      const f = (A, S, P) => ({
+        id: A,
+        label: S,
+        icon: P,
         type: "boolean",
         singleSelect: !0,
         values: []
@@ -3924,11 +3935,11 @@ const ls = F.ul`
             operator: "OR",
             values: [
               { id: "__none__", label: "No category", icon: "crop_square" },
-              ...n.map((T) => ({
-                id: T.name,
-                label: T.name,
+              ...n.map((A) => ({
+                id: A.name,
+                label: A.name,
                 icon: "crop_square",
-                color: T.color
+                color: A.color
               }))
             ]
           }
@@ -3939,10 +3950,10 @@ const ls = F.ul`
           icon: "person",
           type: "list_of_strings",
           operator: "OR",
-          values: o.map((T) => ({
-            id: T.name,
-            label: T.attrib?.fullName || T.name,
-            img: `/api/users/${T.name}/avatar`
+          values: o.map((A) => ({
+            id: A.name,
+            label: A.attrib?.fullName || A.name,
+            img: `/api/users/${A.name}/avatar`
           }))
         },
         {
@@ -3950,85 +3961,85 @@ const ls = F.ul`
           label: "Posted date",
           icon: "calendar_today",
           type: "datetime",
-          values: pa()
+          values: ya()
         }
       ];
     }, [o, n, a]);
     let m = "";
     s?.total && s.total > 0 && (m = `${s.checked}/${s.total}`);
-    const p = S(
+    const p = I(
       () => ["comments", { id: "checklists", label: m, tooltip: "Checklists" }],
       [m]
-    ), g = S(
-      () => Ds(e, c),
-      [e, c]
-    ), [u, h] = L(g), v = nr(), y = ge(null);
-    G(() => {
+    ), g = I(
+      () => Is(e, l),
+      [e, l]
+    ), [u, h] = L(g), b = sr(), y = pe(null);
+    W(() => {
       h(g);
-    }, [JSON.stringify(g)]), G(() => {
-      const f = (b) => {
-        const T = y.current?.getContainerElement();
-        T && !T.contains(b.target) && y.current?.close();
+    }, [JSON.stringify(g)]), W(() => {
+      const f = (w) => {
+        const A = y.current?.getContainerElement();
+        A && !A.contains(w.target) && y.current?.close();
       };
       return document.addEventListener("mousedown", f), () => {
         document.removeEventListener("mousedown", f);
       };
     }, [y]);
     const D = (f) => {
-      t(Ns(f)), i?.("");
+      t(Ss(f)), i?.("");
     };
-    return /* @__PURE__ */ k(Ss, { className: r ? "loading" : void 0, children: [
-      /* @__PURE__ */ l(
-        Mo,
+    return /* @__PURE__ */ x(Es, { className: r ? "loading" : void 0, children: [
+      /* @__PURE__ */ c(
+        Ro,
         {
           ref: y,
           compact: !0,
-          options: c,
+          options: l,
           filters: u,
           onChange: (f) => {
-            v.wrapFilterChange(f, u, h);
+            b.wrapFilterChange(f, u, h);
           },
           onFinish: D,
           enableGlobalSearch: !0,
           enableMultipleSameFilters: !1,
           enableAutosuggestion: !1,
-          onSearchChange: (f, b) => {
-            b || i?.(f);
+          onSearchChange: (f, w) => {
+            w || i?.(f);
           },
           quickActions: p,
           placeholder: "Search and filter feed...",
           pt: {
             searchBar: {
-              onClickCapture: (f) => v.handleSearchBarClickCapture(f, u)
+              onClickCapture: (f) => b.handleSearchBarClickCapture(f, u)
             },
             dropdown: {
               pt: {
                 item: {
-                  onClick: (f) => v.handleDropdownItemClick(f, u, c)
+                  onClick: (f) => b.handleDropdownItemClick(f, u, l)
                 }
               }
             }
           }
         }
       ),
-      /* @__PURE__ */ l(
-        La,
+      /* @__PURE__ */ c(
+        Ua,
         {
-          isOpen: !!v.customRangeFilterId,
-          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, c, D, y),
-          onClose: v.handleCustomRangeClose
+          isOpen: !!b.customRangeFilterId,
+          header: l.find((f) => f.id === b.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+          startDate: b.customStartDate,
+          endDate: b.customEndDate,
+          onStartDateChange: b.setCustomStartDate,
+          onEndDateChange: b.setCustomEndDate,
+          onApply: () => b.handleCustomRangeApply(u, l, D, y),
+          onClose: b.handleCustomRangeClose
         }
       )
     ] });
   }
 );
-Xn.displayName = "FeedSearchFilter";
-function Is({
+to.displayName = "FeedSearchFilter";
+function Ms({
   projectName: e,
   enabled: t,
   entityIds: o,
@@ -4036,10 +4047,10 @@ function Is({
   loadingActivities: a,
   userName: r
 }) {
-  const s = S(
+  const s = I(
     () => n.find((p) => p.activityType === "version.review" && p.authorName === r),
     [n, r]
-  ), i = !!(o.length === 0 || !t || a || s), { data: c } = Na(
+  ), i = !!(o.length === 0 || !t || a || s), { data: l } = Pa(
     {
       projectName: e,
       entityIds: o,
@@ -4049,27 +4060,27 @@ function Is({
     },
     { skip: i }
   );
-  return S(() => s ?? c?.activities.at(-1), [s, c]);
+  return I(() => s ?? l?.activities.at(-1), [s, l]);
 }
-const Es = (e) => !!e.activityData?.annotations?.length || !!yt(e), Ms = ({ projectName: e, entityType: t, entities: o, activities: n }) => {
-  const a = S(
+const Ps = (e) => !!e.activityData?.annotations?.length || !!yt(e), _s = ({ projectName: e, entityType: t, entities: o, activities: n }) => {
+  const a = I(
     () => t === "version" ? Object.fromEntries(
       o.filter((i) => i.attrib).map((i) => [i.id, i.attrib?.frameStart ?? null])
     ) : {},
     [t, o]
-  ), r = S(() => {
+  ), r = I(() => {
     const i = /* @__PURE__ */ new Set();
-    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);
+    for (const l of n) {
+      const m = l.origin;
+      l.activityType !== "comment" || m?.type !== "version" || m.id in a || !Ps(l) || i.add(m.id);
     }
     return [...i].sort();
-  }, [n, a]), { data: s } = Sa(
+  }, [n, a]), { data: s } = _a(
     { projectName: e, versionIds: r },
     { skip: !e || !r.length }
   );
-  return S(() => ({ ...s, ...a }), [s, a]);
-}, Pc = 30, _c = ({
+  return I(() => ({ ...s, ...a }), [s, a]);
+}, Rc = 30, Lc = ({
   disabled: e,
   readOnly: t,
   statuses: o = [],
@@ -4080,249 +4091,265 @@ const Es = (e) => !!e.activityData?.annotations?.length || !!yt(e), Ms = ({ proj
 }) => {
   const {
     projectName: i,
-    entities: c,
+    entities: l,
     entityType: m,
     editingId: p,
     projectInfo: g,
     setEditingId: u,
     userName: h,
-    activitiesData: v,
+    activitiesData: b,
     isLoadingNew: y,
     isLoadingNextPage: D,
-    loadNextPage: P,
+    loadNextPage: M,
     hasNextPage: C,
     users: f,
-    categories: b,
-    checklistCount: T,
-    feedFilter: I,
-    setFeedFilter: _,
-    isGuest: R,
+    categories: w,
+    checklistCount: A,
+    feedFilter: S,
+    setFeedFilter: P,
+    isGuest: _,
     searchText: E,
     setSearchText: N
   } = $e(), {
-    openSlideOut: Q,
-    highlightedActivities: Y,
-    setHighlightedActivities: H,
-    onOpenImage: J,
-    setFeedAnnotations: q,
+    openSlideOut: G,
+    highlightedActivities: X,
+    setHighlightedActivities: Q,
+    onOpenImage: Z,
+    setFeedAnnotations: Y,
     setFeedFrameLinks: $,
-    user: te
-  } = 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
-  ), U = I.conditions?.some(
-    (w) => "key" in w && (w.key === "comments" || w.key === "checklists") && w.value === !0
-  ), 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]
+    user: oe
+  } = Be(), ae = S.conditions?.some(
+    (T) => "key" in T && T.key === "versions" && T.value === !0
+  ), J = S.conditions?.some(
+    (T) => "key" in T && ["comments", "checklists", "versions", "updates"].includes(T.key) && T.value === !0
+  ), j = S.conditions?.some(
+    (T) => "key" in T && (T.key === "comments" || T.key === "checklists") && T.value === !0
+  ), de = m === "version" || m === "folder", H = m === "folder" && l.length === 1 ? l[0] : null, ee = f.find((T) => T.name === H?.createdBy), { data: Oe, isLoading: De } = Ra({ projectName: i }, { skip: !i }), be = !oe.data?.isManager && !oe.data?.isAdmin && !De && Oe?.activities?.enabled && !Oe?.activities?.activities?.includes("comment") || J && !j, ge = I(
+    () => Ds(b),
+    [b]
   );
-  G(() => {
-    xe.length || q([]);
-    const w = xe.map(
-      (M) => M.activityData?.annotations?.map((O) => ({
-        ...O,
-        activityId: M.activityId
+  W(() => {
+    ge.length || Y([]);
+    const T = ge.map(
+      (R) => R.activityData?.annotations?.map((U) => ({
+        ...U,
+        activityId: R.activityId
       }))
     ).filter(Boolean).flat();
-    q(w);
-  }, [xe]), G(() => {
-    const w = v.map((M) => {
-      const O = yt(M);
-      return O && { ...O, activityId: M.activityId };
-    }).filter((M) => !!M);
-    $(w);
-  }, [v]);
-  const ke = Ms({
+    Y(T);
+  }, [ge]), W(() => {
+    const T = b.map((R) => {
+      const U = yt(R);
+      return U && { ...U, activityId: R.activityId };
+    }).filter((R) => !!R);
+    $(T);
+  }, [b]);
+  const Ge = _s({
     projectName: i,
     entityType: m,
-    entities: c,
-    activities: v
-  }), he = bs(
+    entities: l,
+    activities: b
+  }), ue = xs(
     // @ts-ignore
-    xe,
+    ge,
     f,
     g,
     m,
     h,
-    I
-  ), Me = S(() => {
-    if (!E) return he;
-    const w = E.toLowerCase();
-    return he.filter(
-      (M) => M.body?.toLowerCase().includes(w)
+    S
+  ), xe = I(() => {
+    if (!E) return ue;
+    const T = E.toLowerCase();
+    return ue.filter(
+      (R) => R.body?.toLowerCase().includes(T)
     );
-  }, [he, E]), K = ge(null);
-  xs({ feedRef: K, isInputOpen: p === it, height: 93 }), ws({
-    entities: c,
-    feedRef: K,
-    filter: I,
-    disabled: !!Y.length,
+  }, [ue, E]), he = pe(null);
+  As({ feedRef: he, isInputOpen: p === rt, height: 93 }), ks({
+    entities: l,
+    feedRef: he,
+    filter: S,
+    disabled: !!X.length,
     isLoading: y
-  }), Fs({
-    feedRef: K,
-    highlighted: Y,
+  }), Ts({
+    feedRef: he,
+    highlighted: X,
     isLoading: y || D,
-    loadNextPage: P,
-    hasNextPage: !!P,
-    activities: v
+    loadNextPage: M,
+    hasNextPage: !!M,
+    activities: b
   });
   const {
-    submitComment: Te,
-    updateComment: Oe,
-    deleteComment: Se,
-    submitReview: De,
-    isSaving: Ye
-  } = ms({
+    submitComment: Ne,
+    updateComment: Ie,
+    deleteComment: Ze,
+    submitReview: Re,
+    isSaving: fe
+  } = gs({
     projectName: i,
     entityType: m,
-    entities: c,
-    filter: I,
+    entities: l,
+    filter: S,
     entityListId: n
-  }), Ve = qe(
-    async (w, M = [], O = {}) => {
-      await Te(w, M, O), K.current && K.current.scrollTo({ top: 0 });
+  }), He = Je(
+    async (T, R = [], U = {}) => {
+      await Ne(T, R, U), he.current && he.current.scrollTo({ top: 0 });
     },
-    [Te, K]
-  ), fe = qe(
-    async (w) => {
-      await De(w);
+    [Ne, he]
+  ), qe = Je(
+    async (T) => {
+      await Re(T);
     },
-    [De]
-  ), Be = (w, M) => {
-    const O = w?.target;
-    if (!O || !M) return console.log("no target or activity");
-    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((et) => et === O.closest("li"));
-    let Ie = ye;
-    (me.match(/\[.\]/g) || []).forEach((et, bt) => {
-      et !== ue && bt < ye && Ie--;
+    [Re]
+  ), re = (T, R) => {
+    const U = T?.target;
+    if (!U || !R) return console.log("no target or activity");
+    const v = U.checked, K = v ? "[ ]" : "[x]", we = v ? "[x]" : "[ ]", { body: Ae } = R, Fe = Array.from(
+      U.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
+    ).findIndex((_e) => _e === U.closest("li"));
+    let Le = Fe;
+    (Ae.match(/\[.\]/g) || []).forEach((_e, mt) => {
+      _e !== K && mt < Fe && Le--;
     });
-    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, Ze = me.slice(0, Xe) + A + me.slice(mt);
-    Ze && Oe(M, Ze, M.files);
-  }, Ge = (w) => {
-    const { entityId: M, entityType: O, activityId: X } = w;
-    if (!O || !["version", "task", "folder"].includes(O))
+    const dt = [];
+    let Qe = -1;
+    for (; (Qe = Ae.indexOf(K, Qe + 1)) > -1; )
+      dt.push(Qe);
+    const Ye = dt[Le];
+    if (Ye === void 0) return;
+    const bt = Ye + K.length, ut = Ae.slice(0, Ye) + we + Ae.slice(bt);
+    ut && Ie(R, ut, R.files);
+  }, et = (T) => {
+    const { entityId: R, entityType: U, activityId: v } = T;
+    if (!U || !["version", "task", "folder"].includes(U))
       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([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 });
-  }, [Je, Pe] = L(null), He = !we && !t && !e, _e = qe(
-    (w) => {
-      Pe({ key: wn(), activity: w }), u(it);
+    if (!R || !U || !i) return console.log("No entity id or type found");
+    G({ entityId: R, entityType: U, projectName: i }), Q([v]);
+  }, je = ({ index: T, activityId: R }) => {
+    const U = Object.values(xe).reverse().filter((v) => v.activityType == "comment").map((v) => ({
+      id: v.activityId,
+      files: v.files.filter((K) => vt(K.mime, K.ext))
+    })).filter((v) => v.files.length > 0);
+    Z?.({ files: U, activityId: R, index: T, projectName: i });
+  }, [We, Ee] = L(null), Ue = !be && !t && !e, ke = Je(
+    (T) => {
+      Ee({ key: xn(), activity: T }), u(rt);
     },
     [u]
-  ), je = S(() => As(10), []), Ae = Is({
+  ), Me = I(() => Cs(10), []), q = Ms({
     projectName: i,
     enabled: r,
-    entityIds: c.map((w) => w.id),
-    activities: he,
+    entityIds: l.map((T) => T.id),
+    activities: ue,
     loadingActivities: y,
     userName: h
   });
-  return /* @__PURE__ */ l(Ce, { children: /* @__PURE__ */ k(cs, { className: "feed", children: [
+  return /* @__PURE__ */ c(Te, { children: /* @__PURE__ */ x(ds, { className: "feed", children: [
     void 0,
-    /* @__PURE__ */ l(
-      Xn,
+    /* @__PURE__ */ c(
+      to,
       {
-        feedFilter: I,
-        setFeedFilter: _,
+        feedFilter: S,
+        setFeedFilter: P,
         users: f,
-        categories: b,
+        categories: w,
         supportsReviewSession: de,
         isLoading: y,
         onSearchTextChange: N,
-        checklistCount: T
+        checklistCount: A
       }
     ),
-    /* @__PURE__ */ k(ls, { ref: K, className: ee({ loading: y }, "no-shimmer"), children: [
-      y ? je : Me.map((w) => /* @__PURE__ */ l(
-        Jn,
+    /* @__PURE__ */ x(us, { ref: he, className: ne({ loading: y }, "no-shimmer"), children: [
+      y ? Me : xe.map((T) => /* @__PURE__ */ c(
+        Zn,
         {
-          activity: w,
-          annotationFrameStart: ke[w.origin?.id],
-          onCheckChange: Be,
-          onDelete: Se,
-          onUpdate: async (M, O, X, ue) => await Oe(w, M, O, ue),
-          onDuplicate: He ? _e : void 0,
+          activity: T,
+          annotationFrameStart: Ge[T.origin?.id],
+          onCheckChange: re,
+          onDelete: Ze,
+          onUpdate: async (R, U, v, K) => await Ie(T, R, U, K),
+          onDuplicate: Ue ? ke : void 0,
           projectInfo: g,
           projectName: i,
           entityType: m,
-          onReferenceClick: Ge,
-          createdAts: c.map((M) => M.createdAt),
-          onFileExpand: re,
-          showOrigin: c.length > 1,
-          filter: I,
+          onReferenceClick: et,
+          createdAts: l.map((R) => R.createdAt),
+          onFileExpand: je,
+          showOrigin: l.length > 1,
+          filter: S,
           editProps: {
             projectName: i,
-            entities: c,
+            entities: l,
             entityType: m
           },
-          isHighlighted: Y.includes(w.activityId),
+          isHighlighted: X.includes(T.activityId),
           readOnly: t,
           statuses: o,
           isSlideOut: a,
-          isGuest: R
+          isGuest: _
         },
-        w.activityId
+        T.activityId
       )),
-      Me.length === 0 && oe && !U && !y && /* @__PURE__ */ l(St, { message: "No versions published yet", icon: "layers" }),
-      C && P && /* @__PURE__ */ l(
-        Ja,
+      xe.length === 0 && ae && !j && !y && /* @__PURE__ */ c(It, { message: "No versions published yet", icon: "layers" }),
+      C && M && /* @__PURE__ */ c(
+        tr,
         {
-          root: K.current,
-          onChange: (w) => w && P(),
+          root: he.current,
+          onChange: (T) => T && M(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ l(ds, { style: { height: 0 }, onClick: () => P(), children: D ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ c(ms, { style: { height: 0 }, onClick: () => M(), children: D ? "Loading more..." : "Click to load more" })
         }
-      )
+      ),
+      !y && !S.conditions?.length && !E && H?.createdAt && Ke(new Date(H.createdAt)) && /* @__PURE__ */ c(Jn, { children: /* @__PURE__ */ x(Kn, { style: { alignItems: "center" }, children: [
+        /* @__PURE__ */ x(Rt, { children: [
+          "Folder created at ",
+          St(new Date(H.createdAt), "PPpp"),
+          " by"
+        ] }),
+        H.createdBy && /* @__PURE__ */ c(
+          va,
+          {
+            name: H.createdBy,
+            fullName: ee?.attrib?.fullName || void 0,
+            size: 20
+          }
+        ),
+        /* @__PURE__ */ c(Rt, { children: ee?.attrib?.fullName || H.createdBy || "Unknown" })
+      ] }) })
     ] }),
-    !we && /* @__PURE__ */ l(
-      Gn,
+    !be && /* @__PURE__ */ c(
+      Hn,
       {
         initValue: null,
-        onSubmit: Ve,
-        isOpen: p === it,
+        onSubmit: He,
+        isOpen: p === rt,
         onClose: () => u(null),
-        onOpen: () => u(it),
+        onOpen: () => u(rt),
         disabled: e,
-        isLoading: y || !c.length || Ye,
+        isLoading: y || !l.length || fe,
         versionReview: r,
-        lastOwnVersionReview: Ae,
-        onReview: fe,
-        duplicate: Je,
-        onDuplicateHandled: () => Pe(null),
+        lastOwnVersionReview: q,
+        onReview: qe,
+        duplicate: We,
+        onDuplicateHandled: () => Ee(null),
         saveDraft: s
       }
     )
   ] }) });
 };
 export {
-  Gr as A,
-  qr as C,
-  Ec as D,
-  it as F,
-  un as P,
-  Mc as S,
-  Ur as a,
-  st as b,
-  _c as c,
-  Ic as d,
-  xr as e,
-  Pc as f,
+  Yr as A,
+  Kr as C,
+  Pc as D,
+  rt as F,
+  mn as P,
+  _c as S,
+  qr as a,
+  it as b,
+  Lc as c,
+  Mc as d,
+  Tr as e,
+  Rc as f,
   vt as g,
-  Hr as i,
-  Jr as r
+  Jr as i,
+  ti as r
 };