@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/chunks/Feed.es.js

@@ -1,17 +1,17 @@
-import { jsx as c, jsxs as y, Fragment as be } from "react/jsx-runtime";
-import Bt, { useState as q, useEffect as X, lazy as Yn, Suspense as Qn, useRef as ge, useMemo as _, useCallback as He, forwardRef as ut, useId as Kn, Fragment as Jn } from "react";
-import { v4 as sn } from "uuid";
-import K, { clsx as cn } from "clsx";
-import ln from "react-markdown";
-import dn from "remark-emoji";
-import un from "remark-gfm";
-import Xn from "remark-directive";
-import Zn from "remark-directive-rehype";
-import { toast as ye } from "react-toastify";
-import { $createListItemNode as eo, $createListNode as to } from "@lexical/list";
-import { $getRoot as no } from "lexical";
-import { Button as rt, Dialog as oo, Icon as Z, getFileSizeString as ao, theme as ro, getTextColor as Tt, Dropdown as io, UserImage as pn, SaveButton as so, SEARCH_FILTER_ID as mn, buildFilterId as jt, getFilterFromId as co, SearchFilter as lo } from "@ynput/ayon-react-components";
-import { P as uo, A as it, R as po, k as mo, L as go, l as ho, V as fo, m as Gt, n as vo, o as yo, E as bo, M as wo, T as xo, p as ko, F as Ao, q as Co, r as Fo, s as To, t as Do, u as Io, S as No, v as So, w as Eo, x as Dt, y as gn, z as _o, G as Po, H as Ro, I as Mo, J as $o, K as Lo, O as Oo, Q as Vo, W as Ht, X as zo, Y as Uo, Z as Bo, _ as jo, $ as Go, a0 as Ho, a1 as qo, a2 as Wo, b as Yo, j as Qo } from "./PlayableIcon.es.js";
+import { jsx as c, jsxs as b, Fragment as we } from "react/jsx-runtime";
+import Ut, { useMemo as S, useState as O, useEffect as X, lazy as Jn, Suspense as Xn, useCallback as qe, forwardRef as pt, useRef as ve, useId as Zn, Fragment as eo } from "react";
+import { v4 as cn } from "uuid";
+import J, { clsx as ln } from "clsx";
+import dn from "react-markdown";
+import un from "remark-emoji";
+import pn from "remark-gfm";
+import to from "remark-directive";
+import no from "remark-directive-rehype";
+import { toast as be } from "react-toastify";
+import { $createListItemNode as oo, $createListNode as ao } from "@lexical/list";
+import { $getRoot as ro } from "lexical";
+import { Button as rt, Dialog as io, getFileSizeString as so, Icon as oe, theme as mn, getTextColor as Tt, Dropdown as co, SaveButton as lo, UserImage as gn, SEARCH_FILTER_ID as hn, buildFilterId as Bt, getFilterFromId as uo, SearchFilter as po } from "@ynput/ayon-react-components";
+import { p as mo, Y as go, q as ho, P as fo, o as fn, L as yo, l as vo, V as bo, r as Gt, s as wo, u as xo, E as ko, M as Ao, T as Fo, v as Co, F as To, w as Do, x as No, y as So, z as Io, G as Eo, S as Mo, H as _o, I as Po, J as Dt, n as yn, K as Ro, A as $o, O as Lo, Q as Oo, R as jo, W as Vo, X as zo, Z as Uo, _ as Ht, $ as Bo, a0 as Go, a1 as Ho, a2 as qo, a3 as Wo, a4 as Qo, b as Yo, j as Ko } from "./PlayableIcon.es.js";
 import "@lexical/markdown";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
@@ -19,39 +19,174 @@ import "@lexical/code";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
-import A, { css as It } from "styled-components";
-import Ko from "@uiw/react-textarea-code-editor";
+import A, { css as Nt } from "styled-components";
+import Jo from "@uiw/react-textarea-code-editor";
 import { E as kt } from "./EmptyPlaceholder.es.js";
-import { a as Jo, M as Xo } from "./Menu.es.js";
-import { u as Le, F as ot, b as hn, T as Zo, C as ea } from "./ThumbnailSimple.es.js";
-import { u as We, g as Nt } from "./DetailsPanelContext.es.js";
-import { p as pe } from "./parseFilename.es.js";
-import St from "axios";
-import "lodash";
+import { a as Xo, M as Zo } from "./Menu.es.js";
+import { aQ as ea, bi as qt } from "./searchTerms.es.js";
+import { bf as ta, bi as na, aE as oa, dd as aa, aR as ra, aL as ia, a_ as sa, K as ca, bA as la, bh as da, bs as ua, bm as pa, bg as ma, bV as ga } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { b as qt } from "./colorUtils.es.js";
-import { be as Wt } from "./searchTerms.es.js";
+import { union as ha, isEqual as fa } from "lodash";
+import { b as ya, F as va, u as $e, a as vn, T as ba, C as wa } from "./ThumbnailSimple.es.js";
+import "@module-federation/enhanced/runtime";
+import { v as ze, x as xa, _ as St, u as ka } from "./DeleteEntitiesContextInstance.es.js";
+import "semver";
+import "./ContextMenuContextInstance.es.js";
 import "react-dom";
-import { bm as ta, bg as na, bV as oa } from "./getUris.es.js";
+import "react-redux";
+import { p as pe } from "./parseFilename.es.js";
+import It from "axios";
+import { b as Wt } from "./colorUtils.es.js";
 import "./EntityTooltip.es.js";
-import { a as aa } from "./ProjectContext.es.js";
+import { isValid as it, isToday as Aa, isSameYear as Fa, isSameDay as Ca, isSameWeek as Ta, isSameMinute as Da, format as Qt, formatISO as Na, differenceInMinutes as Sa, differenceInSeconds as Ia, compareAsc as Ea } from "date-fns";
 import "react-router-dom";
-import { u as ra } from "./MenuContext.es.js";
 import "./MenuItem.es.js";
-import "./useLocalStorage.es.js";
-import "@module-federation/enhanced/runtime";
-import "semver";
-import { formatISO as ia, differenceInMinutes as sa, isValid as dt, differenceInSeconds as ca, compareAsc as la } from "date-fns";
-import { InView as da } from "react-intersection-observer";
-import { t as ua, c as pa } from "./queryFilterToClientFilter.es.js";
-import { u as ma } from "./useDateRangeFilter.es.js";
+import { InView as Ma } from "react-intersection-observer";
+import { t as _a, c as Pa } from "./queryFilterToClientFilter.es.js";
+import { u as Ra } from "./useDateRangeFilter.es.js";
 import "match-sorter";
-import { c as ga } from "./confirmDelete.es.js";
-import { c as fn } from "./copyToClipboard.es.js";
+import { c as $a } from "./confirmDelete.es.js";
+import { c as bn } from "./copyToClipboard.es.js";
 import { g as Yt } from "./realtimeUpdatesUtils.es.js";
-const ha = (e) => e.replace(/\r\n?/g, `
+const La = (e) => e.replace(/\r\n?/g, `
 `).replace(/^\s*(```|~~~).*$/gm, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/<(https?:[^>]+)>/g, "$1").replace(/<\/?[a-z][^>]*>/gi, "").replace(/[<>]/g, "").replace(/&nbsp;/g, " ").replace(/^\s*#{1,6}\s+/gm, "").replace(/^\s*>\s?/gm, "").replace(/^\s*(?:[-*+]|\d+[.)])\s+(?:\[[ xX]\]\s+)?/gm, "").replace(/`([^`]*)`/g, "$1").replace(/(\*\*|__)(.+?)\1/g, "$2").replace(/~~(.+?)~~/g, "$1").replace(/(^|[^\w*])\*(?!\s)([^*]+?)\*(?!\w)/g, "$1$2").replace(/(^|[^\w])_(?!\s)([^_]+?)_(?!\w)/g, "$1$2").replace(/\\\n/g, `
-`).replace(/\\([\\`*_{}[\]()#+\-.!~>|])/g, "$1").replace(/\s+/g, " ").trim(), fa = A.div`
+`).replace(/\\([\\`*_{}[\]()#+\-.!~>|])/g, "$1").replace(/\s+/g, " ").trim(), Oa = (e) => {
+  const n = (e.node?.children ?? []).filter(
+    (i) => !(i.type === "text" && !i.value?.trim())
+  );
+  if (n.length !== 1) return null;
+  const [o] = n;
+  if (o.type !== "element" || o.tagName !== "a") return null;
+  const t = o.properties?.href, a = o.children?.map((i) => i.value ?? "").join("");
+  if (!t || a?.trim() !== t) return null;
+  const r = mo(t);
+  return r ? /* @__PURE__ */ c(go, { video: r }) : null;
+}, ja = (e, { onOpen: n } = {}) => {
+  const o = (e.node?.children ?? []).filter(
+    (s) => !(s.type === "text" && !s.value?.trim())
+  );
+  if (o.length !== 1) return null;
+  const [t] = o;
+  if (t.type !== "element" || t.tagName !== "img") return null;
+  const { src: a, alt: r, title: i } = t.properties ?? {};
+  return a ? /* @__PURE__ */ c(ho, { src: a, alt: r, mime: i, onOpen: n ? () => n(a) : void 0 }) : null;
+}, Va = ({
+  entities: e,
+  filter: n,
+  backendFilter: o,
+  activityTypes: t,
+  projectName: a,
+  entityType: r
+}) => {
+  const s = S(
+    () => e.map((F) => ({ id: F.id, projectName: F.projectName, entityType: r })),
+    [e]
+  ).map((F) => F.id), l = !e.length || !n || !t || !a, u = {
+    entityIds: s,
+    projectName: a,
+    referenceTypes: ["origin", "mention", "relation"],
+    activityTypes: t,
+    activityFilter: o,
+    filter: n
+  };
+  let {
+    data: m,
+    isLoading: p,
+    isFetchingNextPage: g,
+    currentData: f,
+    fetchNextPage: h,
+    hasNextPage: k
+  } = ta(u, { skip: l });
+  const C = S(() => m?.pages ? m.pages.flatMap((F) => F.activities || []) : [], [m?.pages]), I = S(() => f?.pages ? f.pages.flatMap((F) => F.activities || []) : [], [f?.pages]), y = async () => {
+    if (!k) {
+      console.log("No more activities to load");
+      return;
+    }
+    return console.log("loading next page..."), await h();
+  }, v = S(() => {
+    if (!p) return !1;
+    const F = ha(
+      I?.flatMap((w) => w.entityId ? w.entityId : [])
+    );
+    return !fa(F, s);
+  }, [I, s, p]);
+  return l && (p = !0), {
+    activitiesData: C,
+    isLoadingActivities: p,
+    isLoadingNew: v,
+    isLoadingNextPage: g,
+    hasNextPage: k,
+    loadNextPage: y
+  };
+}, ot = "__new__", Zs = ({ children: e, ...n }) => {
+  const { isGuest: o } = ze(), { data: t = [] } = na({ projects: [n.projectName] }), { data: a = [] } = ea.useGetTeamsQuery(
+    { projectName: n.projectName, showMembers: !0 },
+    { skip: !n.projectName }
+  ), r = S(
+    () => a.filter((q) => q.members?.some((re) => re.name === n.userName)).map((q) => q.name),
+    [a, n.userName]
+  ), [i, s] = O({
+    operator: "and",
+    conditions: []
+  }), [l, u] = O(""), m = n.feedFilter ?? i, p = n.setFeedFilter ?? s, [g, f] = O(null), [h, k] = O(null), [C, { isLoading: I }] = oa(), [y, { isLoading: v }] = aa(), [F, { isLoading: w }] = ra(), R = I || v || w, N = async (q) => await C(q).unwrap(), $ = async (q) => await y(q).unwrap(), M = async (q) => await F(q).unwrap(), [_] = ia(), [B] = sa(), E = async (q) => await _(q).unwrap(), K = async (q) => await B(q).unwrap(), H = ca(m), le = S(() => ya(m), [m]), Z = Va({
+    entities: n.entities,
+    filter: m,
+    backendFilter: le,
+    activityTypes: H,
+    projectName: n.projectName,
+    entityType: n.entityType
+  }), { data: W = {} } = la(
+    {
+      suggestRequest: {
+        entityType: n.entityType,
+        entityId: n.entities[0]?.id
+      },
+      projectName: n.projectName
+    },
+    { skip: !g }
+  ), { data: j = [] } = da({
+    projectName: n.projectName
+  }), { data: ae } = ua(
+    {
+      projectName: n.projectName,
+      entityIds: n.entities.map((q) => q.id)
+    },
+    { skip: !n.projectName || !n.entities.length }
+  );
+  return /* @__PURE__ */ c(
+    va.Provider,
+    {
+      value: {
+        ...n,
+        ...Z,
+        mentionSuggestionsData: W,
+        categories: j,
+        checklistCount: ae,
+        users: t,
+        isUpdatingActivity: R,
+        userTeamNames: r,
+        refTooltip: h,
+        activityTypes: H,
+        feedFilter: m,
+        setFeedFilter: p,
+        backendFilter: le,
+        searchText: l,
+        setSearchText: u,
+        isGuest: o,
+        editingId: g,
+        setEditingId: f,
+        setRefTooltip: k,
+        // Query functions
+        createEntityActivity: N,
+        updateActivity: $,
+        deleteActivity: M,
+        createReaction: E,
+        deleteReaction: K
+      },
+      children: e
+    }
+  );
+}, za = A.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
   gap: var(--base-gap-large);
@@ -67,7 +202,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
     301px + var(--padding-s) + var(--padding-s) + var(--base-gap-large)+ var(--base-gap-large)
   );
   overflow: auto;
-`, va = A.div`
+`, Ua = A.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -113,7 +248,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   .download-icon {
     color: var(--md-sys-color-outline);
   }
-`, ya = A.footer`
+`, Ba = A.footer`
   background-color: var(--md-sys-color-surface-container-low);
   display: flex;
   align-items: center;
@@ -213,7 +348,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
       }
     }
   }
-`, ba = A.div`
+`, Ga = A.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -250,7 +385,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   &:hover .image-wrapper::after {
     opacity: 0.8;
   }
-`, Qt = A.div`
+`, Kt = A.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -289,7 +424,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   &.posterError {
     background-color: transparent;
   }
-`, wa = A.div`
+`, Ha = A.div`
   display: none;
   position: absolute;
   left: 0;
@@ -298,7 +433,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   height: calc(100% - 20px);
   width: 100%;
   gap: 0;
-`, Kt = A(rt)`
+`, Jt = A(rt)`
   height: 100%;
   width: 100%;
   border: none;
@@ -309,7 +444,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
     background: none;
     opacity: 1;
   }
-`, xa = A(uo)`
+`, qa = A(fo)`
   --icon-size: 32px;
   top: calc(50% - 10px);
   left: 50%;
@@ -321,7 +456,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   .icon {
     font-size: var(--icon-size);
   }
-`, pt = (e, n) => `/api/projects/${n}/files/${e}`, ka = A(oo)`
+`, ec = A(io)`
   min-height: 90vh;
   max-height: 90vh;
   min-width: min(90vw, 100%);
@@ -406,7 +541,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   &:focus-visible {
     outline: none;
   }
-`, Aa = A.img`
+`, Wa = A.img`
   height: 100%;
   width: 100%;
 
@@ -416,7 +551,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   max-width: 90vw;
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, Ca = A.div`
+`, tc = A.div`
   &.scrollable {
     position: absolute;
     inset: 56px;
@@ -428,7 +563,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
     inset: 56px 0 0 0;
     display: flex;
   }
-`, Jt = A.div`
+`, Xt = A.div`
   position: relative;
   display: flex;
   flex: 1;
@@ -445,45 +580,45 @@ const ha = (e) => e.replace(/\r\n?/g, `
     flex: 1;
     min-width: 0;
   }
-`, Fa = ({
+`, st = (e, n) => `/api/projects/${n}/files/${e}`, Qa = ({
   file: e,
   fullPreviews: n = ["png", "jpg", "jpeg", "gif", "svg", "webp"]
 }) => {
   const { id: o, projectName: t, mime: a } = e;
-  let r = pt(o, t);
-  return n.some((s) => a.includes(s)) || (r += "/thumbnail"), /* @__PURE__ */ c(Aa, { src: r, autoFocus: !0 });
-}, Ta = A(Ko)`
+  let r = st(o, t);
+  return n.some((s) => a.includes(s)) || (r += "/thumbnail"), /* @__PURE__ */ c(Wa, { src: r, autoFocus: !0 });
+}, Ya = A(Jo)`
   border-radius: var(--border-radius-m);
   height: 100%;
   overflow: auto !important;
-`, Da = ({ file: e }) => {
-  let n = pt(e.id, e.projectName);
-  const [o, t] = q(""), [a, r] = q(null);
+`, Ka = ({ file: e }) => {
+  let n = st(e.id, e.projectName);
+  const [o, t] = O(""), [a, r] = O(null);
   return X(() => {
     (async () => {
       try {
         const s = await fetch(n);
         if (!s.ok)
           throw new Error(`HTTP error! status: ${s.status}`);
-        const d = await s.text();
-        t(d);
+        const l = await s.text();
+        t(l);
       } catch (s) {
         r(s.message);
       }
     })();
-  }, [e.projectName, e.id, n]), a ? /* @__PURE__ */ y("div", { children: [
+  }, [e.projectName, e.id, n]), a ? /* @__PURE__ */ b("div", { children: [
     "Error: ",
     a
-  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(ln, { remarkPlugins: [un, dn], children: o }) : /* @__PURE__ */ c(Ta, { value: o, language: e.extension, readOnly: !0 });
-}, vn = () => import("./VideoPlayer.es.js"), Ia = Yn(vn), Na = ({ duration: e, width: n, height: o }) => Number.isFinite(e) && e > 0 && n > 0 && o > 0, Sa = 1e4, Ea = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", _a = (e, n) => {
-  const [o, t] = q({ status: "loading" });
+  ] }) : e.mime?.includes("markdown") ? /* @__PURE__ */ c(dn, { remarkPlugins: [pn, un], children: o }) : /* @__PURE__ */ c(Ya, { value: o, language: e.extension, readOnly: !0 });
+}, wn = () => import("./VideoPlayer.es.js"), Ja = Jn(wn), Xa = ({ duration: e, width: n, height: o }) => Number.isFinite(e) && e > 0 && n > 0 && o > 0, Za = 1e4, er = (e) => e ? `code ${e.code}${e.message ? `: ${e.message}` : ""}` : "no MediaError", tr = (e, n) => {
+  const [o, t] = O({ status: "loading" });
   return X(() => {
     t({ status: "loading" });
     let a = !1, r = null, i;
     const s = () => {
-      r && (r.removeEventListener("loadedmetadata", d), r.removeEventListener("error", u), r.removeAttribute("src"), r.load(), r = null);
+      r && (r.removeEventListener("loadedmetadata", l), r.removeEventListener("error", u), r.removeAttribute("src"), r.load(), r = null);
     };
-    function d() {
+    function l() {
       if (a || !r) return;
       clearTimeout(i);
       const g = {
@@ -491,14 +626,14 @@ const ha = (e) => e.replace(/\r\n?/g, `
         width: r.videoWidth,
         height: r.videoHeight
       };
-      if (Na(g)) {
+      if (Xa(g)) {
         s(), t({ status: "ready", metadata: g });
         return;
       }
       m(`unusable metadata ${JSON.stringify(g)}`);
     }
     function u() {
-      a || (clearTimeout(i), m(Ea(r?.error ?? null)));
+      a || (clearTimeout(i), m(er(r?.error ?? null)));
     }
     const m = (g) => {
       const f = r?.preload === "metadata";
@@ -509,7 +644,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
       console.warn(`[VideoMime] video cannot be played: ${g}`, e), t({ status: "error" });
     };
     function p(g) {
-      r = document.createElement("video"), r.preload = g, r.muted = !0, r.playsInline = !0, i = setTimeout(() => !a && m("timed out"), Sa), r.addEventListener("loadedmetadata", d), r.addEventListener("error", u), r.src = e;
+      r = document.createElement("video"), r.preload = g, r.muted = !0, r.playsInline = !0, i = setTimeout(() => !a && m("timed out"), Za), r.addEventListener("loadedmetadata", l), r.addEventListener("error", u), r.src = e;
     }
     return p("metadata"), () => {
       a = !0, clearTimeout(i), s();
@@ -525,18 +660,18 @@ const ha = (e) => e.replace(/\r\n?/g, `
       codec: n?.codec
     }
   };
-}, Pa = ({ file: e }) => {
-  const { id: n, projectName: o, name: t, mediaInfo: a } = e, r = pt(n, o), i = _a(r, a);
+}, nr = ({ file: e }) => {
+  const { id: n, projectName: o, name: t, mediaInfo: a } = e, r = st(n, o), i = tr(r, a);
   if (X(() => {
-    vn();
+    wn();
   }, []), i.status === "error")
-    return /* @__PURE__ */ c(Jt, { children: /* @__PURE__ */ c(kt, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ y("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
+    return /* @__PURE__ */ c(Xt, { children: /* @__PURE__ */ c(kt, { icon: "videocam_off", message: "This video cannot be played in the browser", children: /* @__PURE__ */ b("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: [
       "Download ",
       t
     ] }) }) });
-  const s = /* @__PURE__ */ c(Jt, { children: /* @__PURE__ */ c(kt, { icon: "hourglass_empty", message: "Loading video..." }) });
-  return i.status === "loading" ? s : /* @__PURE__ */ c(Qn, { fallback: s, children: /* @__PURE__ */ c(
-    Ia,
+  const s = /* @__PURE__ */ c(Xt, { children: /* @__PURE__ */ c(kt, { icon: "hourglass_empty", message: "Loading video..." }) });
+  return i.status === "loading" ? s : /* @__PURE__ */ c(Xn, { fallback: s, children: /* @__PURE__ */ c(
+    Ja,
     {
       id: n,
       name: t,
@@ -549,49 +684,20 @@ const ha = (e) => e.replace(/\r\n?/g, `
       codec: i.metadata.codec
     }
   ) });
-}, Ra = ({ files: e, index: n, activityId: o, onNavigate: t }) => {
-  const a = e, r = n, i = o, s = () => a[0].id != i, d = () => a[a.length - 1].id != i, u = () => r > 0 || s(), m = () => r < a.find((k) => k.id == i).files.length - 1 || d(), p = () => a[a.findIndex((k) => k.id == i) - 1], g = () => a[a.findIndex((k) => k.id == i) + 1], f = () => p().id, h = () => g().id;
-  return {
-    canNavigateDown: d,
-    canNavigateUp: s,
-    canNavigateLeft: u,
-    canNavigateRight: m,
-    getPreviousActivity: p,
-    getNextActivityId: h,
-    getByIndexActivity: (k, v) => !k === null || v == null ? { id: null, projectName: null, mime: null, extension: null } : a.find((T) => T.id == k).files[v],
-    navigateUp: () => {
-      t({ activityId: f(), index: 0 });
-    },
-    navigateDown: () => t({ activityId: h(), index: 0 }),
-    navigateLeft: () => {
-      if (r > 0)
-        return t({ delta: -1 });
-      const k = p();
-      t({
-        activityId: k.id,
-        index: k.files.length - 1
-      });
-    },
-    navigateRight: () => {
-      if (r < a.find((k) => k.id == i).files.length - 1)
-        return t({ delta: 1 });
-      t({ activityId: h(), index: 0 });
-    }
-  };
-}, yn = {
+}, or = {
   image: {
-    component: Fa,
+    component: Qa,
     mimeTypes: ["image/"],
     fullPreviews: ["png", "jpg", "jpeg", "gif", "svg", "webp"],
     id: "image"
   },
   video: {
-    component: Pa,
+    component: nr,
     mimeTypes: ["video/"],
     id: "video"
   },
   text: {
-    component: Da,
+    component: Ka,
     mimeTypes: ["text/", "application/json", "scss", "jsx"],
     id: "text"
   },
@@ -599,106 +705,11 @@ const ha = (e) => e.replace(/\r\n?/g, `
     component: null,
     mimeTypes: ["pdf"],
     id: "pdf",
-    callback: (e) => window.open(pt(e.id, e.projectName), "_blank")
+    callback: (e) => window.open(st(e.id, e.projectName), "_blank")
   }
-}, mt = (e = "", n = "") => Object.values(yn).some(
+}, mt = (e = "", n = "") => Object.values(or).some(
   ({ mimeTypes: o = [] }) => o.some((t) => (e || n)?.includes(t))
-), Ss = ({
-  files: e,
-  index: n,
-  activityId: o,
-  projectName: t,
-  onFilePreviewClose: a,
-  onNavigate: r
-}) => {
-  const {
-    canNavigateDown: i,
-    canNavigateUp: s,
-    canNavigateLeft: d,
-    canNavigateRight: u,
-    getByIndexActivity: m,
-    navigateUp: p,
-    navigateDown: g,
-    navigateLeft: f,
-    navigateRight: h
-  } = Ra({ files: e, index: n, activityId: o, onNavigate: r }), C = { ...m(o, n), projectName: t }, { id: F, mime: P, extension: x, name: b } = C, k = ge(null);
-  X(() => {
-    F && t && k.current?.focus();
-  }, [F, t]);
-  const v = () => {
-    a();
-  }, $ = Object.values(yn).find(
-    ({ mimeTypes: J }) => J.some((B) => (P || x)?.includes(B))
-  ), { component: T, id: L, callback: N, fullPreviews: R } = $ || {};
-  if (X(() => {
-    if (!F || !t || !T || N) return;
-    const J = {
-      ArrowUp: [s, p],
-      ArrowDown: [i, g],
-      ArrowLeft: [d, f],
-      ArrowRight: [u, h]
-    }, B = (E) => {
-      if (E.key === "Escape") {
-        E.preventDefault(), E.stopPropagation(), v();
-        return;
-      }
-      const ae = J[E.code];
-      if (!ae) return;
-      if (E.target instanceof HTMLElement) {
-        const { tagName: re, isContentEditable: Re } = E.target;
-        if (re === "INPUT" || re === "TEXTAREA" || Re) return;
-      }
-      E.preventDefault(), E.stopPropagation();
-      const [Te, ie] = ae;
-      Te() && ie();
-    };
-    return document.addEventListener("keydown", B, !0), () => document.removeEventListener("keydown", B, !0);
-  }, [F, t, e, n, o, T, N]), !F || !t) return null;
-  if (N)
-    return N(C), null;
-  const j = () => d() && f(), S = () => u() && h(), Y = L === "image", H = L === "video", oe = 50;
-  return T ? /* @__PURE__ */ y(
-    ka,
-    {
-      size: "full",
-      isOpen: !!(F && t),
-      onClose: v,
-      hideCancelButton: Y,
-      ref: k,
-      className: K({ isImage: Y }, "block-shortcuts"),
-      header: Y ? null : b,
-      children: [
-        /* @__PURE__ */ c("div", { style: { position: "absolute", inset: 0, zIndex: oe }, onClick: v }),
-        /* @__PURE__ */ c(
-          Z,
-          {
-            style: { zIndex: oe + 1 },
-            icon: "chevron_left",
-            className: K("navIcon", "left", { disabled: !d() }),
-            onClick: j
-          }
-        ),
-        /* @__PURE__ */ c(
-          Ca,
-          {
-            style: { zIndex: oe + 1 },
-            className: K({ scrollable: !Y && !H, fill: H }),
-            children: /* @__PURE__ */ c(T, { file: C, fullPreviews: R })
-          }
-        ),
-        /* @__PURE__ */ c(
-          Z,
-          {
-            style: { zIndex: oe + 1 },
-            icon: "chevron_right",
-            className: K("navIcon", "right", { disabled: !u() }),
-            onClick: S
-          }
-        )
-      ]
-    }
-  ) : null;
-}, Ma = {
+), ar = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -740,12 +751,12 @@ const ha = (e) => e.replace(/\r\n?/g, `
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, $a = (e) => {
-  for (const [n, o] of Object.entries(Ma))
+}, rr = (e) => {
+  for (const [n, o] of Object.entries(ar))
     if (o.some((t) => e.includes(t)))
       return n;
   return "draft";
-}, La = ({
+}, ir = ({
   name: e,
   mime: n,
   src: o,
@@ -754,7 +765,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   size: r,
   progress: i,
   onRemove: s,
-  isCompact: d,
+  isCompact: l,
   isDownloadable: u = !1,
   onExpand: m,
   disableExpand: p,
@@ -762,76 +773,76 @@ const ha = (e) => e.replace(/\r\n?/g, `
   className: f,
   ...h
 }) => {
-  const C = i && i < 100, [F, P] = q(!1), [x, b] = q(!1), { feedAnnotationsEnabled: k } = We(), { entities: v } = Le(), $ = e.split("."), T = $.pop() || "", L = $.join("."), N = mt(n || "." + T), R = n?.includes("image/") || !!t, S = !!n?.includes("video/") && !t && o ? `${o}/thumbnail` : void 0, Y = /* @__PURE__ */ y(be, { children: [
-    /* @__PURE__ */ c("span", { className: "size", children: ao(r) }),
-    /* @__PURE__ */ c(Z, { icon: "download", className: "download-icon" })
-  ] }), H = _(
+  const k = i && i < 100, [C, I] = O(!1), [y, v] = O(!1), { feedAnnotationsEnabled: F } = ze(), { entities: w } = $e(), R = e.split("."), N = R.pop() || "", $ = R.join("."), M = mt(n || "." + N), _ = n?.includes("image/") || !!t, E = !!n?.includes("video/") && !t && o ? `${o}/thumbnail` : void 0, K = /* @__PURE__ */ b(we, { children: [
+    /* @__PURE__ */ c("span", { className: "size", children: so(r) }),
+    /* @__PURE__ */ c(oe, { icon: "download", className: "download-icon" })
+  ] }), H = S(
     () => t ?? a,
     [t, a]
-  ), oe = _(() => v.at(0), [v]), J = _(() => {
+  ), le = S(() => w.at(0), [w]), Z = S(() => {
     if (!H?.range)
       return [1, 1];
-    if (!oe?.attrib)
+    if (!le?.attrib)
       return H?.range ?? [1, 1];
-    const { frameStart: B } = oe?.attrib;
-    return isNaN(B) ? H?.range ?? [1, 1] : [B - 1 + H.range[0], B - 1 + H.range[1]];
+    const { frameStart: W } = le?.attrib;
+    return isNaN(W) ? H?.range ?? [1, 1] : [W - 1 + H.range[0], W - 1 + H.range[1]];
   }, [H]);
-  return /* @__PURE__ */ y(
-    va,
+  return /* @__PURE__ */ b(
+    Ua,
     {
-      className: K(f, {
-        compact: d,
+      className: J(f, {
+        compact: l,
         isDownloadable: u,
-        isPreviewable: N,
+        isPreviewable: M,
         isUnsavedAnnotation: !!t
       }),
       ...h,
       children: [
-        /* @__PURE__ */ y(
-          ba,
+        /* @__PURE__ */ b(
+          Ga,
           {
-            className: K("content-wrapper", {
-              isPreviewable: N,
+            className: J("content-wrapper", {
+              isPreviewable: M,
               isUnsavedAnnotation: !!t
             }),
             children: [
-              /* @__PURE__ */ c(Z, { icon: $a(n || "." + T), className: "type-icon" }),
-              R && o && /* @__PURE__ */ c(
-                Qt,
+              /* @__PURE__ */ c(oe, { icon: rr(n || "." + N), className: "type-icon" }),
+              _ && o && /* @__PURE__ */ c(
+                Kt,
                 {
-                  className: K({
+                  className: J({
                     "image-wrapper": !0,
-                    isDownloadable: u || N || t
+                    isDownloadable: u || M || t
                   }),
                   children: /* @__PURE__ */ c(
                     "img",
                     {
                       src: o,
-                      onError: () => P(!0),
+                      onError: () => I(!0),
                       style: {
-                        display: F ? "none" : "block"
+                        display: C ? "none" : "block"
                       }
                     }
                   )
                 }
               ),
-              S && /* @__PURE__ */ y(
-                Qt,
+              E && /* @__PURE__ */ b(
+                Kt,
                 {
-                  className: K({
+                  className: J({
                     "image-wrapper": !0,
-                    isDownloadable: u || N,
-                    posterError: x
+                    isDownloadable: u || M,
+                    posterError: y
                   }),
                   children: [
-                    !x && /* @__PURE__ */ c("img", { src: S, onError: () => b(!0) }),
-                    /* @__PURE__ */ c(xa, {})
+                    !y && /* @__PURE__ */ c("img", { src: E, onError: () => v(!0) }),
+                    /* @__PURE__ */ c(qa, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ y(wa, { className: "expand-buttons", children: [
-                N && !p && /* @__PURE__ */ c(
-                  Kt,
+              /* @__PURE__ */ b(Ha, { className: "expand-buttons", children: [
+                M && !p && /* @__PURE__ */ c(
+                  Jt,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
@@ -839,8 +850,8 @@ const ha = (e) => e.replace(/\r\n?/g, `
                     onClick: m
                   }
                 ),
-                (t || k && a) && /* @__PURE__ */ c(
-                  Kt,
+                (t || F && a) && /* @__PURE__ */ c(
+                  Jt,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
@@ -852,28 +863,28 @@ const ha = (e) => e.replace(/\r\n?/g, `
             ]
           }
         ),
-        /* @__PURE__ */ y(
-          ya,
+        /* @__PURE__ */ b(
+          Ba,
           {
-            className: K({
-              inProgress: C,
-              isPreviewable: N && !p,
+            className: J({
+              inProgress: k,
+              isPreviewable: M && !p,
               isDownloadable: u
             }),
             children: [
               /* @__PURE__ */ c("span", { className: "progress", style: { right: `${100 - i}%` } }),
-              /* @__PURE__ */ c("div", { className: "name-wrapper", children: H ? /* @__PURE__ */ y("span", { className: "name", children: [
-                /* @__PURE__ */ c(Z, { icon: "draw" }),
-                J[0],
-                J[1] !== J[0] && ` - ${J[1]}`
-              ] }) : /* @__PURE__ */ y("span", { className: "name", children: [
-                L,
-                /* @__PURE__ */ y("span", { className: "extension", children: [
+              /* @__PURE__ */ c("div", { className: "name-wrapper", children: H ? /* @__PURE__ */ b("span", { className: "name", children: [
+                /* @__PURE__ */ c(oe, { icon: "draw" }),
+                Z[0],
+                Z[1] !== Z[0] && ` - ${Z[1]}`
+              ] }) : /* @__PURE__ */ b("span", { className: "name", children: [
+                $,
+                /* @__PURE__ */ b("span", { className: "extension", children: [
                   ".",
-                  T
+                  N
                 ] })
               ] }) }),
-              u && (s ? /* @__PURE__ */ c("div", { className: "download", children: Y }) : /* @__PURE__ */ c("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: Y }))
+              u && (s ? /* @__PURE__ */ c("div", { className: "download", children: K }) : /* @__PURE__ */ c("a", { href: o, target: "_blank", rel: "noopener noreferrer", className: "download", children: K }))
             ]
           }
         ),
@@ -881,7 +892,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
       ]
     }
   );
-}, bn = ({
+}, xn = ({
   files: e = [],
   activityId: n,
   isCompact: o,
@@ -890,26 +901,26 @@ const ha = (e) => e.replace(/\r\n?/g, `
   projectName: r,
   isDownloadable: i,
   onExpand: s,
-  onAnnotationClick: d,
+  onAnnotationClick: l,
   pt: u,
   ...m
 }) => {
   if (!e.length) return null;
-  const p = He(
+  const p = qe(
     (g) => {
-      const f = e.filter((C) => mt(C.mime, C.ext)), h = f.findIndex((C) => C.id === e[g].id);
+      const f = e.filter((k) => mt(k.mime, k.ext)), h = f.findIndex((k) => k.id === e[g].id);
       s?.({ files: f, index: h, activityId: n || "" });
     },
     [s]
   );
-  return /* @__PURE__ */ c(fa, { className: K({ compact: o }), ...m, children: e.map((g, f) => /* @__PURE__ */ c(
-    La,
+  return /* @__PURE__ */ c(za, { className: J({ compact: o }), ...m, children: e.map((g, f) => /* @__PURE__ */ c(
+    ir,
     {
       id: g.id || g.name,
       name: g.name,
       mime: g.mime || g.type,
       size: g.size,
-      src: g.unsavedAnnotation ? g.thumbnail : `/api/projects/${r}/files/${g.id}`,
+      src: g.unsavedAnnotation ? g.thumbnail : g.id ? st(g.id, r) : void 0,
       unsavedAnnotation: g.unsavedAnnotation,
       savedAnnotation: g.annotation,
       progress: g.progress,
@@ -917,13 +928,13 @@ const ha = (e) => e.replace(/\r\n?/g, `
       isCompact: o,
       isDownloadable: i,
       onExpand: () => p(f),
-      onJumpTo: () => d?.(g),
+      onJumpTo: () => l?.(g),
       disableExpand: t,
       ...u?.file
     },
     g.id || g.name
   )) });
-}, Oa = (e) => {
+}, sr = (e) => {
   const n = /!\[.*?\]\((.*?)\)/g, o = e.match(n);
   let t = e;
   return o && o.forEach((a) => {
@@ -931,44 +942,44 @@ const ha = (e) => e.replace(/\r\n?/g, `
     const r = a.match(/\(([^)]+)\)/)[1], i = r.split("?")[0];
     t = e.replace(r, i);
   }), t;
-}, Va = new AbortController(), za = St.CancelToken, Ua = za.source(), qe = (e, n, o) => new Promise((t, a) => {
+}, cr = new AbortController(), lr = It.CancelToken, dr = lr.source(), We = (e, n, o) => new Promise((t, a) => {
   new FormData().append("image", e);
   const i = {
-    signal: Va.signal,
-    cancelToken: Ua.token,
+    signal: cr.signal,
+    cancelToken: dr.token,
     onUploadProgress: (s) => o && o(s, e),
     headers: {
       "Content-Type": e.type,
       "x-file-name": pe(e.name)
     }
   };
-  St.post(`/api/projects/${n}/files`, e, i).then((s) => {
+  It.post(`/api/projects/${n}/files`, e, i).then((s) => {
     t({ file: e, data: s.data });
   }).catch((s) => {
     console.error(s), a({ message: "Upload failed: " + s.response.data.detail });
   });
-}), Ba = (e, n, o, t, a) => {
+}), ur = (e, n, o, t, a) => {
   e.preventDefault(), e.stopPropagation();
   let r = e.dataTransfer.files;
   if (r?.length) {
     if (r.length === 0) return;
     for (const i of r)
-      qe(i, n, o).then(
+      We(i, n, o).then(
         (s) => t(s),
         (s) => {
-          a && a(i), ye.error(s.message), console.warn(s);
+          a && a(i), be.error(s.message), console.warn(s);
         }
       );
   }
-}, ja = (e, n, o) => (n || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((t) => {
+}, pr = (e, n, o) => (n || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(e).forEach((t) => {
   t.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", t);
 }), Object.values(e).filter(
   (t) => t.versionId === n && !o.some((a) => a.name === pe(t.name))
 ).map((t) => ({
   ...t,
   unsavedAnnotation: t
-}))), Ga = ({ entityId: e, filesUploading: n }) => {
-  const { editingId: o, setEditingId: t, annotations: a, removeAnnotation: r } = Le(), { onGoToFrame: i } = We(), s = ja(a || [], e, n);
+}))), mr = ({ entityId: e, filesUploading: n }) => {
+  const { editingId: o, setEditingId: t, annotations: a, removeAnnotation: r } = $e(), { onGoToFrame: i } = ze(), s = pr(a || [], e, n);
   return X(() => {
     s.length > 0 && !o && t(ot);
   }, [s]), {
@@ -979,29 +990,29 @@ const ha = (e) => e.replace(/\r\n?/g, `
     },
     removeAnnotation: r
   };
-}, wn = (e) => _(() => {
+}, kn = (e) => S(() => {
   if (!e)
     return { primary: void 0, secondary: void 0 };
-  const n = getComputedStyle(document.documentElement), o = n.getPropertyValue("--md-sys-color-surface-container").trim(), t = n.getPropertyValue("--md-sys-color-surface-container-high").trim(), a = o || e, r = t || e, i = qt(e, a, 0.1) || e, s = qt(e, r, 0.2) || e;
+  const n = getComputedStyle(document.documentElement), o = n.getPropertyValue("--md-sys-color-surface-container").trim(), t = n.getPropertyValue("--md-sys-color-surface-container-high").trim(), a = o || e, r = t || e, i = Wt(e, a, 0.1) || e, s = Wt(e, r, 0.2) || e;
   return {
     primary: i,
     secondary: s
   };
-}, [e]), Ha = ({ projectName: e, onSuccess: n, onProgress: o, onStart: t, onError: a }) => {
-  const { removeAnnotation: r, exportAnnotationComposite: i } = Le(), s = async (u) => {
+}, [e]), gr = ({ projectName: e, onSuccess: n, onProgress: o, onStart: t, onError: a }) => {
+  const { removeAnnotation: r, exportAnnotationComposite: i } = $e(), s = async (u) => {
     const m = await i?.(u.id);
     if (!m)
       throw new Error(`Exporting composite image for annotation ${u.id} failed`);
     const p = new File([m], u.name, {
       type: "image/png"
-    }), g = await fetch(u.annotationData).then((x) => x.blob()), f = new File([g], `annotation-${u.name}`, {
+    }), g = await fetch(u.annotationData).then((y) => y.blob()), f = new File([g], `annotation-${u.name}`, {
       type: "image/png"
     }), h = await Promise.all([
-      qe(p, e, o),
-      qe(f, e, () => {
+      We(p, e, o),
+      We(f, e, () => {
       })
-    ]), [C, F] = h, P = [n(C), n(F, !0)];
-    return r?.(u.id), { annotation: u, uploads: h, files: P };
+    ]), [k, C] = h, I = [n(k), n(C, !0)];
+    return r?.(u.id), { annotation: u, uploads: h, files: I };
   };
   return async (u) => {
     try {
@@ -1009,27 +1020,27 @@ const ha = (e) => e.replace(/\r\n?/g, `
         t?.(h);
         try {
           return await s(h);
-        } catch (C) {
-          throw a?.(h), C;
+        } catch (k) {
+          throw a?.(h), k;
         }
       }), p = await Promise.allSettled(m), g = [], f = [];
       return p.forEach((h) => {
         if (h.status === "fulfilled") {
-          const { uploads: C, annotation: F, files: P } = h.value;
-          g.push(...P), f.push({
-            range: F.range,
-            id: F.id,
-            composite: C[0].data.id,
-            transparent: C[1].data.id
+          const { uploads: k, annotation: C, files: I } = h.value;
+          g.push(...I), f.push({
+            range: C.range,
+            id: C.id,
+            composite: k[0].data.id,
+            transparent: k[1].data.id
           });
         } else
-          ye.error("Upload failed: " + h.reason.message);
+          be.error("Upload failed: " + h.reason.message);
       }), { files: g, metadata: f };
     } catch (m) {
-      return ye.error("Upload failed: " + m.message), { files: [], metadata: [] };
+      return be.error("Upload failed: " + m.message), { files: [], metadata: [] };
     }
   };
-}, qa = "Category", Wa = A.div`
+}, hr = "Category", fr = A.div`
   display: flex;
   padding: 2px 4px;
   justify-content: center;
@@ -1055,7 +1066,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
 
   &.compact {
     padding: 1px 2px;
-    ${ro.labelMedium}
+    ${mn.labelMedium}
   }
 
   &.editing {
@@ -1078,13 +1089,13 @@ const ha = (e) => e.replace(/\r\n?/g, `
       color: var(--md-sys-color-tertiary);
     }
   }
-`, at = ut(
-  ({ value: e, color: n, isCompact: o, isEditing: t, isPower: a, isDisabled: r, style: i, className: s, ...d }, u) => /* @__PURE__ */ c(
-    Wa,
+`, at = pt(
+  ({ value: e, color: n, isCompact: o, isEditing: t, isPower: a, isDisabled: r, style: i, className: s, ...l }, u) => /* @__PURE__ */ c(
+    fr,
     {
-      ...d,
+      ...l,
       ref: u,
-      className: K(s, {
+      className: J(s, {
         none: !e,
         compact: o,
         editing: t,
@@ -1099,10 +1110,10 @@ const ha = (e) => e.replace(/\r\n?/g, `
           color: Tt(n)
         }
       },
-      children: e || qa
+      children: e || hr
     }
   )
-), Ya = A.span`
+), yr = A.span`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -1121,7 +1132,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
       color: var(--md-sys-color-on-surface) !important;
     }
   }
-`, Qa = ut(
+`, vr = pt(
   ({
     label: e,
     color: n,
@@ -1131,19 +1142,19 @@ const ha = (e) => e.replace(/\r\n?/g, `
     endContent: r,
     isClear: i,
     style: s,
-    className: d,
+    className: l,
     ...u
-  }, m) => /* @__PURE__ */ y(
-    Ya,
+  }, m) => /* @__PURE__ */ b(
+    yr,
     {
       ...u,
-      className: K(d, { selected: t }),
+      className: J(l, { selected: t }),
       style: { backgroundColor: t && n ? n : "", color: Tt(t && n ? n : ""), ...s },
       ref: m,
       children: [
         a,
         /* @__PURE__ */ c(
-          Z,
+          oe,
           {
             icon: o || (i ? "clear" : "crop_square"),
             style: { color: n || "" }
@@ -1154,7 +1165,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
       ]
     }
   )
-), Ka = (e, { isGuest: n, isAdmin: o }) => !!(n || !e.length && !o), Ja = "1.3.0", Xa = A(io)`
+), br = "1.3.0", wr = A(co)`
   button {
     /* remove all styles and just use a wrapper */
     background-color: unset !important;
@@ -1165,7 +1176,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
     width: unset !important;
     color: var(--md-sys-color-on-surface) !important;
   }
-`, Za = ({
+`, xr = ({
   value: e,
   categories: n,
   readonly: o,
@@ -1174,7 +1185,7 @@ const ha = (e) => e.replace(/\r\n?/g, `
   hasPowerpack: r,
   onPowerFeature: i,
   onChange: s,
-  ...d
+  ...l
 }) => {
   if (t) return null;
   const u = n.find((g) => g.name === e), { color: m } = u || {};
@@ -1185,13 +1196,13 @@ const ha = (e) => e.replace(/\r\n?/g, `
         value: null,
         isPower: !0,
         isDisabled: !0,
-        style: d.style,
+        style: l.style,
         onClick: () => i?.("commentCategories"),
         "data-tooltip": "Comment categories is a Powerpack feature"
       }
     );
   if (o)
-    return /* @__PURE__ */ c(at, { value: e, color: m, isCompact: a, style: d.style });
+    return /* @__PURE__ */ c(at, { value: e, color: m, isCompact: a, style: l.style });
   if (!n.length)
     return /* @__PURE__ */ c(
       at,
@@ -1199,9 +1210,9 @@ const ha = (e) => e.replace(/\r\n?/g, `
         value: e,
         color: m,
         isCompact: a,
-        style: d.style,
-        onClick: () => ye.warning(
-          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${Ja}.`
+        style: l.style,
+        onClick: () => be.warning(
+          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${br}.`
         )
       }
     );
@@ -1215,196 +1226,127 @@ const ha = (e) => e.replace(/\r\n?/g, `
     }))
   ];
   return /* @__PURE__ */ c(
-    Xa,
+    wr,
     {
       options: p,
       value: e ? [e] : [],
       onChange: (g) => s(g[0]),
       valueTemplate: () => /* @__PURE__ */ c(at, { value: e, color: m, isCompact: a, isEditing: !0 }),
-      itemTemplate: (g, f, h, C) => /* @__PURE__ */ c(
-        Qa,
+      itemTemplate: (g, f, h, k) => /* @__PURE__ */ c(
+        vr,
         {
           label: g.label,
           color: g.color,
           isSelected: h,
           isClear: g.value === null
         },
-        C
+        k
       ),
-      ...d
+      ...l
     }
   );
-}, er = A.li`
-  list-style: none;
-  margin: var(--padding-s) var(--padding-m);
-  padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
-
-  display: flex;
-  gap: var(--base-gap-small);
-
-  border: solid 1px currentColor;
-  border-radius: var(--border-radius-l);
+}, kr = (e, { isGuest: n, isAdmin: o }) => !!(n || !e.length && !o), An = 1e4, Ar = A.span`
+  margin-left: auto;
+  color: var(--md-sys-color-outline);
   user-select: none;
-
-  .date, .user-image {
-    flex-shrink: 0;
-  }
-
-  &.approve,
-  &.approve .icon,
-  &.approve .date, {
-    color: var(--md-sys-color-tertiary);
-  }
-
-  &.request_changes,
-  &.request_changes .icon,
-  &.request_changes .date, {
-    color: var(--md-sys-color-error);
-  }
-`, tr = A.div`
+  white-space: nowrap;
   display: flex;
-  flex-wrap: nowrap;
   align-items: center;
-  flex: 1;
-  gap: var(--base-gap-medium);
-  padding: 0px 4px;
   overflow: hidden;
-  width: 100%;
-
-  .icon {
-    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
-    font-size: 16px;
-  }
-
-  [icon='trending_flat'] {
-    color: var(--md-sys-color-outline);
-    opacity: 0.5;
-  }
-`, nr = A.span`
-  white-space: nowrap;
-  font-size: 12px;
   text-overflow: ellipsis;
-  flex-shrink: 1;
-  overflow: hidden;
+  flex-shrink: 3;
+  min-width: 0;
+  max-width: fit-content;
 
-  strong {
-    font-size: 12px;
-    font-weight: 800;
-  }
-`;
-var Fe = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Fe || {});
-const or = "#c5c5c5";
-function xn(e) {
-  const { categories: n } = Le(), { categoryData: o, categoryNotFound: t } = _(() => {
-    let a = !1;
-    if (e) {
-      const r = n.find((i) => i.name === e);
-      return r || (a = !0), {
-        categoryData: r || {
-          name: e,
-          color: or
-        },
-        categoryNotFound: a
-      };
-    } else
-      return {
-        categoryData: null,
-        categoryNotFound: a
-      };
-  }, [e, n]);
-  return { categoryData: o, categoryNotFound: t };
-}
-const ar = "anonymous.guest", rr = "Anonymous User", ir = "unknown.user", kn = (e) => !e || !e.name ? ir : e.name === ar && !e.label ? rr : e.label ? e.label : e.name, At = "anonymous.guest", An = (e) => {
+  ${mn.bodySmall}
+`, ct = ({ date: e, isExact: n, exactTooltip: o = !1, ...t }) => {
+  const [a, r] = O(!0), [i, s] = O(/* @__PURE__ */ new Date());
+  if (!e) return null;
+  const l = new Date(e);
+  if (!it(l)) return null;
+  X(() => {
+    const F = setInterval(
+      () => s(/* @__PURE__ */ new Date()),
+      An
+    );
+    return () => clearInterval(F);
+  }, []);
+  const u = Aa(l), m = Fa(l, i), p = Ca(l, new Date(i.setDate(i.getDate() - 1))), g = Ta(l, i), f = Da(l, i), h = p ? "" : m ? g ? "E" : "MMM d" : "MMM d yyyy", k = "h:mm a", C = S(() => fn(l), [l]), I = S(() => u ? Qt(l, `${h}, ${k}`) : Qt(l, `EEEE, dd MMM yyyy ${k}`), [l, u]);
+  let y = a && !n ? C : I;
+  p && a && !n && (y = `Yesterday${y}`), f && (y = "Just now");
+  const v = () => {
+    r(!a);
+  };
+  return /* @__PURE__ */ c(
+    Ar,
+    {
+      className: J("date"),
+      ...t,
+      onClick: v,
+      onMouseOver: () => !o && r(!1),
+      onMouseOut: () => !o && r(!0),
+      "data-tooltip": o ? I : null,
+      "data-tooltip-delay": 0,
+      children: y
+    }
+  );
+};
+var Te = /* @__PURE__ */ ((e) => (e.APPROVE = "approve", e.REQUEST_CHANGES = "request_changes", e))(Te || {});
+const Fn = (e) => {
   switch (e) {
-    case Fe.REQUEST_CHANGES:
+    case Te.REQUEST_CHANGES:
       return "requested changes";
-    case Fe.APPROVE:
+    case Te.APPROVE:
     default:
       return "approved this";
   }
-}, sr = (e, n) => {
+}, Fr = (e, n) => {
   switch (e) {
-    case Fe.REQUEST_CHANGES:
+    case Te.REQUEST_CHANGES:
       return "Requested changes on " + n;
-    case Fe.APPROVE:
+    case Te.APPROVE:
     default:
       return "Approved " + n;
   }
 }, Cn = (e) => {
   switch (e) {
-    case Fe.REQUEST_CHANGES:
+    case Te.REQUEST_CHANGES:
       return "refresh";
-    case Fe.APPROVE:
+    case Te.APPROVE:
     default:
       return "task_alt";
   }
-}, cr = ({ isGuest: e, activity: n }) => {
-  const { authorName: o, authorFullName: t, createdAt: a, activityData: r } = n || {}, i = _(
-    () => [
-      kn({ name: o, label: t }),
-      An(r?.feedback ?? Fe.APPROVE)
-    ].join(" "),
-    [t, o, r?.feedback, a]
-  ), { categoryData: s, categoryNotFound: d } = xn(r?.category), u = _(() => {
-    if (!o?.startsWith(At))
-      return `/api/users/${o}/avatar`;
-  }, [o]);
-  if (r?.feedback)
-    return /* @__PURE__ */ c(er, { className: cn(r.feedback), children: /* @__PURE__ */ y(tr, { children: [
-      o && /* @__PURE__ */ c(
-        pn,
-        {
-          name: o,
-          fullName: t,
-          src: u,
-          size: 22
-        }
-      ),
-      /* @__PURE__ */ c(Z, { icon: Cn(r.feedback) }),
-      s && !e && /* @__PURE__ */ c(
-        at,
-        {
-          value: s.name,
-          color: s.color,
-          isCompact: !0,
-          "data-tooltip": d ? "Category not found. It may have been deleted." : void 0,
-          "data-tooltip-delay": 0
-        }
-      ),
-      /* @__PURE__ */ c(nr, { children: i }),
-      /* @__PURE__ */ c(it, { date: a, exactTooltip: !0 })
-    ] }) });
-}, lr = ({ lastOwnVersionReview: e }) => {
-  const [n, o] = q(/* @__PURE__ */ new Date());
+}, Cr = ({ lastOwnVersionReview: e }) => {
+  const [n, o] = O(/* @__PURE__ */ new Date());
   X(() => {
-    const r = setInterval(() => o(/* @__PURE__ */ new Date()), po);
+    const r = setInterval(() => o(/* @__PURE__ */ new Date()), An);
     return () => clearInterval(r);
   }, []);
-  const t = _(() => e?.activityData?.feedback, [e]), a = _(() => e?.createdAt ? mo(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, n]);
-  return /* @__PURE__ */ y(go, { className: cn(t), children: [
-    /* @__PURE__ */ c(Z, { icon: Cn(t) }),
+  const t = S(() => e?.activityData?.feedback, [e]), a = S(() => e?.createdAt ? fn(new Date(e?.createdAt)).toLowerCase() : "", [e?.createdAt, n]);
+  return /* @__PURE__ */ b(yo, { className: ln(t), children: [
+    /* @__PURE__ */ c(oe, { icon: Cn(t) }),
     "You last ",
-    An(t),
+    Fn(t),
     " ",
     a,
     " ",
     a === "just now" ? "" : "ago"
   ] });
-}, Xt = (e) => {
+}, Zt = (e) => {
   const n = /^(\d+)(?:\s*-\s*(\d+))?$/.exec(e.trim());
   if (!n) return null;
   const o = Number(n[1]), t = n[2] ? Number(n[2]) : o;
   return Number.isSafeInteger(o) && o > 0 && Number.isSafeInteger(t) && t >= o ? { startFrame: o, endFrame: t } : null;
-}, Zt = async (e, n, o, t, a) => {
-  const { data: r } = await St.get(`/api/projects/${e}/files/${n}`, {
+}, en = async (e, n, o, t, a) => {
+  const { data: r } = await It.get(`/api/projects/${e}/files/${n}`, {
     responseType: "blob"
   }), i = new File([r], o, { type: t || r.type });
-  return qe(i, e, a);
-}, en = (e, n) => `/api/projects/${e}/files/${n}`, tn = (e, n) => !!e && Dt(n).has(e), dr = [
+  return We(i, e, a);
+}, tn = (e, n) => `/api/projects/${e}/files/${n}`, nn = (e, n) => !!e && Dt(n).has(e), Tr = [
   { trigger: "@", icon: "person", tooltip: "Mention user" },
   { trigger: "@@", icon: "layers", tooltip: "Mention version" },
   { trigger: "@@@", icon: "check_circle", tooltip: "Mention task" }
-], Fn = ({
+], Tn = ({
   initValue: e,
   initFiles: n = [],
   initCategory: o = null,
@@ -1413,323 +1355,328 @@ const ar = "anonymous.guest", rr = "Anonymous User", ir = "unknown.user", kn = (
   versionReview: r,
   lastOwnVersionReview: i,
   onSubmit: s,
-  onReview: d,
+  onReview: l,
   duplicate: u,
   onDuplicateHandled: m,
   isEditing: p,
   disabled: g,
   isLoading: f,
   isOpen: h,
-  onOpen: C,
-  onClose: F
+  onOpen: k,
+  onClose: C
 }) => {
   const {
-    projectName: P,
-    entities: x,
-    projectInfo: b,
-    feedFilter: k,
-    mentionSuggestionsData: v,
-    categories: $,
-    isGuest: T
-  } = Le(), { hasLicense: L, onPowerFeature: N, user: R, openSlideOut: j, commentFrameLink: S } = We(), Y = R?.data?.isAdmin, H = aa(), [, oe] = hn(), [J, B] = q(e || ""), [E, ae] = q(
+    projectName: I,
+    entities: y,
+    projectInfo: v,
+    feedFilter: F,
+    mentionSuggestionsData: w,
+    categories: R,
+    isGuest: N
+  } = $e(), { hasLicense: $, onPowerFeature: M, user: _, openSlideOut: B, commentFrameLink: E } = ze(), K = _?.data?.isAdmin, H = xa(), [, le] = vn(), [Z, W] = O(e || ""), [j, ae] = O(
     () => n.map(
-      (l) => tn(l.id, e || "") ? { ...l, isInline: !0 } : l
+      (d) => nn(d.id, e || "") ? { ...d, isInline: !0 } : d
     )
-  ), [Te, ie] = q(0), re = ge(/* @__PURE__ */ new Map()), [Re, he] = q([]), [we, se] = q(!1), [xe, le] = q(!1), [De, Ie] = q([]), { annotations: Ne, removeAnnotation: Oe, goToAnnotation: Be } = Ga({
-    entityId: x[0]?.id,
-    filesUploading: Re
-  }), te = x.length === 1 && x[0].entityType === "version" ? x[0] : void 0, Ye = S?.draft && S.draft.entityId === te?.id ? S.draft : null, [Se, Qe] = q(
+  ), [q, re] = O(0), me = ve(/* @__PURE__ */ new Map()), [Ue, he] = O([]), [xe, ie] = O(!1), [ke, de] = O(!1), [De, Ne] = O([]), { annotations: Se, removeAnnotation: Le, goToAnnotation: Be } = mr({
+    entityId: y[0]?.id,
+    filesUploading: Ue
+  }), te = y.length === 1 && y[0].entityType === "version" ? y[0] : void 0, Qe = E?.draft && E.draft.entityId === te?.id ? E.draft : null, [Ie, Ye] = O(
     () => p && Number.isSafeInteger(t?.startFrame) && t.startFrame > 0 ? {
       startFrame: t.startFrame,
       endFrame: Number.isSafeInteger(t.endFrame) && t.endFrame >= t.startFrame ? t.endFrame : t.startFrame
     } : null
-  ), Ee = (l) => Qe(l && { ...l, entityId: te?.id }), Ve = p || Se?.entityId === te?.id ? Se : null, [fe, _e] = q(!1), W = p ? Ve : Ve ?? Ye, Me = p ? !!te || !!Ve : !!S && !!te, ze = S?.formatFrame ?? String, ce = W ? W.endFrame > W.startFrame ? `${ze(W.startFrame)}-${ze(W.endFrame)}` : ze(W.startFrame) : void 0, [I, M] = q(ce ?? ""), V = ge(!1), Q = ge(null), ee = (l) => {
+  ), Ee = (d) => Ye(d && { ...d, entityId: te?.id }), Oe = p || Ie?.entityId === te?.id ? Ie : null, [fe, Me] = O(!1), Q = p ? Oe : Oe ?? Qe, Pe = p ? !!te || !!Oe : !!E && !!te, je = E?.formatFrame ?? String, se = Q ? Q.endFrame > Q.startFrame ? `${je(Q.startFrame)}-${je(Q.endFrame)}` : je(Q.startFrame) : void 0, [D, P] = O(se ?? ""), V = ve(!1), Y = ve(null), ee = (d) => {
     if (!te) return;
-    const w = l ? { ...l, entityId: te.id } : null;
+    const x = d ? { ...d, entityId: te.id } : null;
     if (!p) {
-      S?.setDraft(w);
+      E?.setDraft(x);
       return;
     }
-    a && S?.setEditPreview({
+    a && E?.setEditPreview({
       activityId: a,
-      link: w
+      link: x
     });
-  }, Ke = (l) => {
-    M(l);
-    const w = Xt(l);
-    w && ee(w);
+  }, Ke = (d) => {
+    P(d);
+    const x = Zt(d);
+    x && ee(x);
   };
   X(() => {
-    fe || M(ce ?? "");
-  }, [ce, fe]), X(
+    fe || P(se ?? "");
+  }, [se, fe]), X(
     () => () => {
-      p && S?.setEditPreview(null);
+      p && E?.setEditPreview(null);
     },
-    [p, S?.setEditPreview]
+    [p, E?.setEditPreview]
   );
-  const D = () => {
+  const T = () => {
     if (V.current) {
-      V.current = !1, M(ce ?? ""), ee(Q.current), _e(!1);
+      V.current = !1, P(se ?? ""), ee(Y.current), Me(!1);
       return;
     }
-    const l = Xt(I);
-    l ? (Ee(l), ee(l)) : (M(ce ?? ""), ee(Q.current)), _e(!1);
-  }, ve = () => {
-    Ee(null), p ? ee(null) : S?.unlink();
-  }, ke = () => {
-    !p && S && te ? S.link(te.id) : (M(""), _e(!0));
-  }, Je = () => W ? ve() : ke(), Pe = _(() => {
-    if (!Me || !p && !S || !te) return;
-    const l = ["frame", "time", "timecode", "link", "range"];
+    const d = Zt(D);
+    d ? (Ee(d), ee(d)) : (P(se ?? ""), ee(Y.current)), Me(!1);
+  }, ye = () => {
+    Ee(null), p ? ee(null) : E?.unlink();
+  }, Ae = () => {
+    !p && E && te ? E.link(te.id) : (P(""), Me(!0));
+  }, Je = () => Q ? ye() : Ae(), _e = S(() => {
+    if (!Pe || !p && !E || !te) return;
+    const d = ["frame", "time", "timecode", "link", "range"];
     return [
-      W ? {
+      Q ? {
         id: "frame-link",
         label: "Remove frame link",
         icon: "timer_off",
-        keywords: [...l, "unlink", "remove"],
-        hint: ce,
-        run: ve
+        keywords: [...d, "unlink", "remove"],
+        hint: se,
+        run: ye
       } : {
         id: "frame-link",
         label: p ? "Add frame link" : "Link to current frame",
         icon: "timer",
-        keywords: l,
-        run: ke
+        keywords: d,
+        run: Ae
       }
     ];
-  }, [Me, p, S, te?.id, !!W, ce]), [$e, Xe] = q(o), st = $.filter((l) => l.accessLevel >= 20), Ze = $.find((l) => l.name === $e), je = wn(Ze?.color), Ue = ge(null), Et = ge(null), gt = !!J.trim(), _t = !!k?.conditions?.some(
-    (l) => "key" in l && l.key === "checklists" && l.value === !0
+  }, [Pe, p, E, te?.id, !!Q, se]), [Re, Xe] = O(o), lt = R.filter((d) => d.accessLevel >= 20), Ze = R.find((d) => d.name === Re), Ge = kn(Ze?.color), Ve = ve(null), Et = ve(null), gt = !!Z.trim(), Mt = !!F?.conditions?.some(
+    (d) => "key" in d && d.key === "checklists" && d.value === !0
   );
   X(() => {
-    if (!h || p || !_t) return;
-    const l = Ue.current;
-    !l || !l.isEmpty() || l.getEditor().update(() => {
-      const w = eo(!1);
-      no().clear().append(to("check").append(w)), w.select();
+    if (!h || p || !Mt) return;
+    const d = Ve.current;
+    !d || !d.isEmpty() || d.getEditor().update(() => {
+      const x = oo(!1);
+      ro().clear().append(ao("check").append(x)), x.select();
     });
-  }, [h, p, _t]);
-  const Pt = x[0]?.entityType, Rt = H?.productTypes, _n = _(
-    () => T ? void 0 : {
-      ...ho({
-        suggestions: v,
-        project: { productTypes: Rt },
-        taskTypes: b?.taskTypes,
-        entityType: Pt
+  }, [h, p, Mt]);
+  const _t = y[0]?.entityType, Pt = H?.productTypes, Rn = S(
+    () => N ? void 0 : {
+      ...vo({
+        suggestions: w,
+        project: { productTypes: Pt },
+        taskTypes: v?.taskTypes,
+        entityType: _t
       }),
       // keep the picker short
       limit: 5
     },
-    [T, v, Rt, b?.taskTypes, Pt]
-  ), Pn = ({ type: l, id: w }) => {
-    l === "user" || l === "team" || j({ entityId: w, entityType: l, projectName: P });
-  }, Rn = ({ type: l, id: w, label: G }, z) => {
-    const { x: U, y: me, width: ne } = z.getBoundingClientRect();
-    oe({ id: w, name: w, type: l, label: G, pos: { left: U + ne / 2, top: me } });
-  }, Mn = () => {
-    h || g || C && C();
-  }, Mt = () => {
-    p && S?.setEditPreview(null), (!gt || p) && B(""), F && F();
-  }, et = ({ file: l, data: w }, G = !1) => {
-    const z = pe(l.name), U = {
-      id: w.id,
+    [N, w, Pt, v?.taskTypes, _t]
+  ), $n = ({ type: d, id: x }) => {
+    d === "user" || d === "team" || B({ entityId: x, entityType: d, projectName: I });
+  }, Ln = ({ type: d, id: x, label: G }, z) => {
+    const { x: U, y: ge, width: ne } = z.getBoundingClientRect();
+    le({ id: x, name: x, type: d, label: G, pos: { left: U + ne / 2, top: ge } });
+  }, On = () => {
+    h || g || k && k();
+  }, Rt = () => {
+    p && E?.setEditPreview(null), (!gt || p) && W(""), C && C();
+  }, et = ({ file: d, data: x }, G = !1) => {
+    const z = pe(d.name), U = {
+      id: x.id,
       name: z,
-      mime: l.type,
-      size: l.size,
-      order: E.length,
+      mime: d.type,
+      size: d.size,
+      order: j.length,
       isAnnotationLayer: G
     };
-    return ae((me) => [...me, U]), he(
-      (me) => me.filter((ne) => pe(ne.name) !== z)
+    return ae((ge) => [...ge, U]), he(
+      (ge) => ge.filter((ne) => pe(ne.name) !== z)
     ), U;
-  }, $n = (l, w, G) => {
-    G ? Oe?.(l) : (ae((z) => z.filter((U) => U.id !== l)), he((z) => z.filter((U) => pe(U.name) !== pe(w))));
-  }, tt = (l, w) => {
-    const G = Math.round(l.loaded * 100 / l.total);
+  }, jn = (d, x, G) => {
+    G ? Le?.(d) : (ae((z) => z.filter((U) => U.id !== d)), he((z) => z.filter((U) => pe(U.name) !== pe(x))));
+  }, tt = (d, x) => {
+    const G = Math.round(d.loaded * 100 / d.total);
     if (G !== 100) {
-      const z = pe(w.name);
+      const z = pe(x.name);
       he((U) => {
-        const me = U.find((O) => pe(O.name) === z), ne = U.filter((O) => pe(O.name) !== z), Ge = {
+        const ge = U.find((L) => pe(L.name) === z), ne = U.filter((L) => pe(L.name) !== z), He = {
           name: z,
           progress: G,
-          type: w.type,
-          order: me?.order ?? E.length + U.length
+          type: x.type,
+          order: ge?.order ?? j.length + U.length
         };
-        return [...ne, Ge];
+        return [...ne, He];
       });
     }
-  }, ct = (l) => {
-    he((w) => w.filter((G) => G.name !== pe(l)));
-  }, $t = (l) => {
-    for (const w of l) {
-      const G = qe(w, P, tt);
-      re.current.set(w, G), G.then(
+  }, dt = (d) => {
+    he((x) => x.filter((G) => G.name !== pe(d)));
+  }, $t = (d) => {
+    for (const x of d) {
+      const G = We(x, I, tt);
+      me.current.set(x, G), G.then(
         (z) => et(z),
         (z) => {
-          ct(w.name), ye.error(z.message), console.warn(z);
+          dt(x.name), be.error(z.message), console.warn(z);
         }
       );
     }
-  }, Ln = async (l) => {
-    ie((w) => w + 1);
+  }, Vn = async (d) => {
+    re((x) => x + 1);
     try {
-      const w = re.current.get(l);
-      if (w) {
-        const { data: U } = await w;
-        return ae((me) => me.map((ne) => ne.id === U.id ? { ...ne, isInline: !0 } : ne)), {
-          src: en(P, U.id),
-          name: pe(l.name),
-          mime: l.type
+      const x = me.current.get(d);
+      if (x) {
+        const { data: U } = await x;
+        return ae((ge) => ge.map((ne) => ne.id === U.id ? { ...ne, isInline: !0 } : ne)), {
+          src: tn(I, U.id),
+          name: pe(d.name),
+          mime: d.type
         };
       }
-      const { data: G } = await qe(l, P, void 0), z = pe(l.name);
+      const { data: G } = await We(d, I, void 0), z = pe(d.name);
       return ae((U) => [
         ...U,
-        { id: G.id, name: z, mime: l.type, size: l.size, order: U.length, isInline: !0 }
-      ]), { src: en(P, G.id), name: z, mime: l.type };
-    } catch (w) {
-      throw re.current.has(l) || ye.error(w?.message || "Upload failed"), w;
+        { id: G.id, name: z, mime: d.type, size: d.size, order: U.length, isInline: !0 }
+      ]), { src: tn(I, G.id), name: z, mime: d.type };
+    } catch (x) {
+      throw me.current.has(d) || be.error(x?.message || "Upload failed"), x;
     } finally {
-      ie((w) => w - 1);
+      re((x) => x - 1);
     }
-  }, On = (l) => {
-    se(!1), !l.defaultPrevented && Ba(
-      l,
-      P,
+  }, zn = (d) => {
+    ie(!1), !d.defaultPrevented && ur(
+      d,
+      I,
       tt,
       et,
-      (w) => ct(w.name)
+      (x) => dt(x.name)
     );
-  }, Vn = (l) => {
-    l.preventDefault(), l.stopPropagation(), se(!0);
-  }, Lt = ge(null), zn = async ({ activity: l }) => {
-    const w = Nt(l);
-    w && w.entityId === te?.id && (Ee({ startFrame: w.startFrame, endFrame: w.endFrame }), S?.setDraft(w));
-    const G = gn(l.body || ""), z = l.files || [], U = Dt(G), me = x.length === 1 && x[0].id === (l.origin?.id ?? l.entityId), ne = (O) => {
-      const Ae = l.origin ?? (l.entityId && l.entityType ? { id: l.entityId, type: l.entityType } : void 0), Ce = `[Source](${_o(l.activityId, Ae)})`, de = [O.trim(), Ce].filter(Boolean).join(`
+  }, Un = (d) => {
+    d.preventDefault(), d.stopPropagation(), ie(!0);
+  }, Lt = ve(null), Bn = async ({ activity: d }) => {
+    const x = St(d);
+    x && x.entityId === te?.id && (Ee({ startFrame: x.startFrame, endFrame: x.endFrame }), E?.setDraft(x));
+    const G = yn(d.body || ""), z = d.files || [], U = Dt(G), ge = y.length === 1 && y[0].id === (d.origin?.id ?? d.entityId), ne = (L) => {
+      const Fe = d.origin ?? (d.entityId && d.entityType ? { id: d.entityId, type: d.entityType } : void 0), Ce = `[Source](${Ro(d.activityId, Fe)})`, ce = [L.trim(), Ce].filter(Boolean).join(`
 
 `);
-      B((ue) => ue.trim() ? `${ue.trim()}
+      W((ue) => ue.trim() ? `${ue.trim()}
 
-${de}` : de), Ue.current?.focus();
-    }, Ge = async (O) => {
-      const Ae = U.has(O.id);
+${ce}` : ce), Ve.current?.focus();
+    }, He = async (L) => {
+      const Fe = U.has(L.id);
       try {
-        const Ce = await Zt(
-          P,
-          O.id,
-          O.name,
-          O.mime,
-          Ae ? void 0 : tt
+        const Ce = await en(
+          I,
+          L.id,
+          L.name,
+          L.mime,
+          Fe ? void 0 : tt
         );
-        if (Ae) {
-          const { file: ue, data: nt } = Ce, lt = pe(ue.name);
-          ae((Ut) => [
-            ...Ut,
-            { id: nt.id, name: lt, mime: ue.type, size: ue.size, order: Ut.length, isInline: Ae }
+        if (Fe) {
+          const { file: ue, data: nt } = Ce, ut = pe(ue.name);
+          ae((zt) => [
+            ...zt,
+            { id: nt.id, name: ut, mime: ue.type, size: ue.size, order: zt.length, isInline: Fe }
           ]);
         } else et(Ce);
-        const de = O.annotation;
-        if (de && me) {
-          const ue = await Zt(
-            P,
-            de.transparent,
-            `annotation-${O.name}`,
+        const ce = L.annotation;
+        if (ce && ge) {
+          const ue = await en(
+            I,
+            ce.transparent,
+            `annotation-${L.name}`,
             "image/png"
           );
-          et(ue, !0), Ie((nt) => [
+          et(ue, !0), Ne((nt) => [
             ...nt,
-            { ...de, id: sn(), composite: Ce.data.id, transparent: ue.data.id }
+            {
+              ...ce,
+              id: `${ce.id}-${cn()}`,
+              composite: Ce.data.id,
+              transparent: ue.data.id
+            }
           ]);
         }
-        return [O.id, Ce.data.id];
+        return [L.id, Ce.data.id];
       } catch (Ce) {
-        return ct(O.name), ye.error(`Could not copy ${O.name}`), console.warn(Ce), null;
+        return dt(L.name), be.error(`Could not copy ${L.name}`), console.warn(Ce), null;
       }
     };
-    ie((O) => O + 1);
+    re((L) => L + 1);
     try {
-      const O = z.filter((de) => U.has(de.id)), Ae = z.filter((de) => !U.has(de.id)), Ce = Promise.all(Ae.map(Ge));
-      if (O.length) {
-        const de = new Map(
-          (await Promise.all(O.map(Ge))).filter(
+      const L = z.filter((ce) => U.has(ce.id)), Fe = z.filter((ce) => !U.has(ce.id)), Ce = Promise.all(Fe.map(He));
+      if (L.length) {
+        const ce = new Map(
+          (await Promise.all(L.map(He))).filter(
             (ue) => !!ue
           )
         );
         ne(
           G.replace(
             /(\/api\/projects\/[^/]+\/files\/)([\w-]+)/g,
-            (ue, nt, lt) => de.has(lt) ? nt + de.get(lt) : ue
+            (ue, nt, ut) => ce.has(ut) ? nt + ce.get(ut) : ue
           )
         );
       } else ne(G);
       await Ce;
     } finally {
-      ie((O) => O - 1);
+      re((L) => L - 1);
     }
   };
   X(() => {
-    !u || Lt.current === u.key || (Lt.current = u.key, m?.(), zn(u));
+    !u || Lt.current === u.key || (Lt.current = u.key, m?.(), Bn(u));
   }, [u?.key]);
-  const Un = Ha({
-    projectName: P,
+  const Gn = gr({
+    projectName: I,
     onSuccess: et,
     onProgress: tt,
     // seed progress so the card switches to uploading before the export finishes
-    onStart: (l) => tt({ loaded: 1, total: 100 }, { name: l.name, type: "image/png" }),
-    onError: (l) => ct(l.name)
-  }), Bn = Re.length > 0 || Te > 0, ht = xe || Bn, ft = async () => {
+    onStart: (d) => tt({ loaded: 1, total: 100 }, { name: d.name, type: "image/png" }),
+    onError: (d) => dt(d.name)
+  }), Hn = Ue.length > 0 || q > 0, ht = ke || Hn, ft = async () => {
     if (!ht)
       try {
-        le(!0);
-        let l = [], w = De;
-        if (Ne.length) {
-          const { files: O, metadata: Ae } = await Un(Ne);
-          l = O, w = [...w, ...Ae];
+        de(!0);
+        let d = [], x = De;
+        if (Se.length) {
+          const { files: L, metadata: Fe } = await Gn(Se);
+          d = L, x = [...x, ...Fe];
         }
-        const { annotations: G = [] } = t || {}, z = w.length ? [...G, ...w] : void 0, U = Oa(Ue.current?.getMarkdown() ?? J), ne = [...E.filter((O) => !O.isInline || tn(O.id, U)), ...l], Ge = {
+        const { annotations: G = [] } = t || {}, z = x.length ? [...G, ...x] : void 0, U = sr(Ve.current?.getMarkdown() ?? Z), ne = [...j.filter((L) => !L.isInline || nn(L.id, U)), ...d], He = {
           ...t,
           annotations: z,
           // could be undefined
-          category: T ? null : $e,
+          category: N ? null : Re,
           // 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 ((U || ne.length) && s) {
-          const O = J;
-          B(""), ae([]);
+          const L = Z;
+          W(""), ae([]);
           try {
-            await s(U, ne, Ge), p && S?.setEditPreview(null), Ie([]), !p && W && S?.unlink(), p || Ee(null);
+            await s(U, ne, He), p && E?.setEditPreview(null), Ne([]), !p && Q && E?.unlink(), p || Ee(null);
           } catch {
-            B(O), ae(ne), Ie(w);
+            W(L), ae(ne), Ne(x);
             return;
           }
         }
-      } catch (l) {
-        console.error(l), ye.error("Something went wrong");
+      } catch (d) {
+        console.error(d), be.error("Something went wrong");
       } finally {
-        le(!1);
+        de(!1);
       }
   }, Ot = [
-    ...Ne,
-    ...(E || []).filter((l) => !l.isAnnotationLayer && !l.isInline),
-    ...Re
-  ].sort((l, w) => l.order - w.order), jn = Ot.length > 3, Vt = (l) => g ? T ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : T || !l ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", zt = async (l) => {
-    if (d)
+    ...Se,
+    ...(j || []).filter((d) => !d.isAnnotationLayer && !d.isInline),
+    ...Ue
+  ].sort((d, x) => d.order - x.order), qn = Ot.length > 3, jt = (d) => g ? N ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : N || !d ? "Leave a comment" : "Comment, or type / to add mentions, checklists, code and more...", Vt = async (d) => {
+    if (l)
       try {
-        (gt || E.length > 0 || Ne.length > 0) && await ft(), d(l);
-      } catch (w) {
-        console.error(w), ye.error("Something went wrong while submitting the review");
+        (gt || j.length > 0 || Se.length > 0) && await ft(), l(d);
+      } catch (x) {
+        console.error(x), be.error("Something went wrong while submitting the review");
       }
-  }, Gn = r && d && !g && /* @__PURE__ */ y(fo, { className: K("version-review-buttons", { guest: T }), children: [
+  }, Wn = r && l && !g && /* @__PURE__ */ b(bo, { className: J("version-review-buttons", { guest: N }), children: [
     /* @__PURE__ */ c(
       Gt,
       {
         icon: "check",
         variant: "tertiary",
         "data-tooltip": "Approve",
-        onClick: () => zt(Fe.APPROVE),
+        onClick: () => Vt(Te.APPROVE),
         children: /* @__PURE__ */ c("span", { className: "label", children: "Approve" })
       }
     ),
@@ -1739,22 +1686,22 @@ ${de}` : de), Ue.current?.focus();
         icon: "refresh",
         variant: "danger",
         "data-tooltip": "Request changes",
-        onClick: () => zt(Fe.REQUEST_CHANGES),
+        onClick: () => Vt(Te.REQUEST_CHANGES),
         children: /* @__PURE__ */ c("span", { className: "label", children: "Request changes" })
       }
     )
-  ] }), vt = !T && /* @__PURE__ */ c(
-    Za,
+  ] }), yt = !N && /* @__PURE__ */ c(
+    xr,
     {
-      value: $e,
-      categories: st,
-      onChange: (l) => Xe(l),
+      value: Re,
+      categories: lt,
+      onChange: (d) => Xe(d),
       isCompact: p,
-      hasPowerpack: L,
-      onPowerFeature: N,
-      isHidden: Ka(st, { isGuest: T, isAdmin: Y })
+      hasPowerpack: $,
+      onPowerFeature: M,
+      isHidden: kr(lt, { isGuest: N, isAdmin: K })
     }
-  ), Hn = /* @__PURE__ */ y(be, { children: [
+  ), Qn = /* @__PURE__ */ b(we, { children: [
     /* @__PURE__ */ c(
       rt,
       {
@@ -1762,7 +1709,7 @@ ${de}` : de), Ue.current?.focus();
         variant: "text",
         className: "md-toolbar-button",
         "data-tooltip": "Attach files",
-        onMouseDown: (l) => l.preventDefault(),
+        onMouseDown: (d) => d.preventDefault(),
         onClick: () => Et.current?.click()
       }
     ),
@@ -1773,48 +1720,48 @@ ${de}` : de), Ue.current?.focus();
         type: "file",
         multiple: !0,
         hidden: !0,
-        onChange: (l) => {
-          $t(Array.from(l.target.files || [])), l.target.value = "";
+        onChange: (d) => {
+          $t(Array.from(d.target.files || [])), d.target.value = "";
         }
       }
     )
-  ] }), qn = !(Ne.length > 0 && E.length === 0), Wn = `calc(${Math.max((fe ? I || "Frame or range" : ce || "").length, 1) + 2}ch + 16px)`;
-  return /* @__PURE__ */ c(be, { children: /* @__PURE__ */ y(
-    vo,
+  ] }), Yn = !(Se.length > 0 && j.length === 0), Kn = `calc(${Math.max((fe ? D || "Frame or range" : se || "").length, 1) + 2}ch + 16px)`;
+  return /* @__PURE__ */ c(we, { children: /* @__PURE__ */ b(
+    wo,
     {
-      className: K("comment-container", "md-mention-anchor", { isOpen: h, isEditing: p }),
-      onDragOver: Vn,
-      onDragLeave: () => se(!1),
-      onDrop: On,
-      onClick: () => se(!1),
-      onKeyDown: (l) => l.stopPropagation(),
+      className: J("comment-container", "md-mention-anchor", { isOpen: h, isEditing: p }),
+      onDragOver: Un,
+      onDragLeave: () => ie(!1),
+      onDrop: zn,
+      onClick: () => ie(!1),
+      onKeyDown: (d) => d.stopPropagation(),
       children: [
-        r && i && /* @__PURE__ */ c(lr, { lastOwnVersionReview: i }),
-        /* @__PURE__ */ y(
-          yo,
+        r && i && /* @__PURE__ */ c(Cr, { lastOwnVersionReview: i }),
+        /* @__PURE__ */ b(
+          xo,
           {
-            className: K("block-shortcuts", {
+            className: J("block-shortcuts", {
               isOpen: h,
               isClosed: !h || g,
               isEditing: p,
-              isDropping: we,
+              isDropping: xe,
               disabled: g,
               isLoading: f,
-              isSubmitting: xe,
-              category: !!$e && !T
+              isSubmitting: ke,
+              category: !!Re && !N
             }),
-            onClick: Mn,
+            onClick: On,
             $categoryPrimary: Ze?.color,
-            $categoryTertiary: je.primary,
-            $categorySecondary: je.secondary,
+            $categoryTertiary: Ge.primary,
+            $categorySecondary: Ge.secondary,
             children: [
               h && /* @__PURE__ */ c(
-                bn,
+                xn,
                 {
                   files: Ot,
-                  isCompact: jn || p,
-                  onRemove: $n,
-                  projectName: P,
+                  isCompact: qn || p,
+                  onRemove: jn,
+                  projectName: I,
                   onAnnotationClick: Be,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
@@ -1830,109 +1777,109 @@ ${de}` : de), Ue.current?.focus();
                   }
                 }
               ),
-              h && !g ? /* @__PURE__ */ y(be, { children: [
-                p && vt && /* @__PURE__ */ c(bo, { children: vt }),
+              h && !g ? /* @__PURE__ */ b(we, { children: [
+                p && yt && /* @__PURE__ */ c(ko, { children: yt }),
                 /* @__PURE__ */ c(
-                  wo,
+                  Ao,
                   {
-                    ref: Ue,
+                    ref: Ve,
                     className: "comment-editor",
-                    value: J,
-                    onChange: B,
-                    placeholder: Vt(!0),
-                    mentions: _n,
+                    value: Z,
+                    onChange: W,
+                    placeholder: jt(!0),
+                    mentions: Rn,
                     mentionPlacement: p ? "inline" : "top",
-                    onMentionClick: Pn,
-                    onMentionHover: Rn,
+                    onMentionClick: $n,
+                    onMentionHover: Ln,
                     onSubmit: ft,
-                    onEscape: Mt,
+                    onEscape: Rt,
                     onFiles: $t,
-                    onUploadMedia: Ln,
-                    commands: Pe,
+                    onUploadMedia: Vn,
+                    commands: _e,
                     toolbar: !p,
                     floatingToolbar: p,
-                    toolbarStart: vt,
-                    toolbarEnd: /* @__PURE__ */ y(be, { children: [
-                      /* @__PURE__ */ c(xo, {}),
-                      Hn
+                    toolbarStart: yt,
+                    toolbarEnd: /* @__PURE__ */ b(we, { children: [
+                      /* @__PURE__ */ c(Fo, {}),
+                      Qn
                     ] }),
                     bordered: !1,
-                    autoFocus: qn,
+                    autoFocus: Yn,
                     minHeight: p ? 40 : 88,
                     maxHeight: 259
                   }
                 )
-              ] }) : /* @__PURE__ */ c(ko, { children: Vt() }),
-              /* @__PURE__ */ y(Ao, { children: [
-                (!T || Me) && /* @__PURE__ */ y(Co, { children: [
-                  !T && dr.map(({ trigger: l, icon: w, tooltip: G }) => /* @__PURE__ */ c(
+              ] }) : /* @__PURE__ */ c(Co, { children: jt() }),
+              /* @__PURE__ */ b(To, { children: [
+                (!N || Pe) && /* @__PURE__ */ b(Do, { children: [
+                  !N && Tr.map(({ trigger: d, icon: x, tooltip: G }) => /* @__PURE__ */ c(
                     rt,
                     {
-                      icon: w,
+                      icon: x,
                       variant: "text",
                       onMouseDown: (z) => z.preventDefault(),
-                      onClick: () => Ue.current?.insertMentionTrigger(l),
+                      onClick: () => Ve.current?.insertMentionTrigger(d),
                       "data-tooltip": G,
-                      "data-shortcut": l
+                      "data-shortcut": d
                     },
-                    l
+                    d
                   )),
-                  Me && /* @__PURE__ */ y(
-                    Fo,
+                  Pe && /* @__PURE__ */ b(
+                    No,
                     {
-                      className: K("frame-link", { selected: !!W || fe }),
+                      className: J("frame-link", { selected: !!Q || fe }),
                       children: [
                         /* @__PURE__ */ c(
-                          To,
+                          So,
                           {
                             icon: "timer",
                             variant: "text",
                             onClick: Je,
-                            "aria-label": W ? "Remove frame link" : "Add frame link",
-                            "data-tooltip": W ? "Remove frame link" : p ? "Add frame link" : "Link to current frame",
+                            "aria-label": Q ? "Remove frame link" : "Add frame link",
+                            "data-tooltip": Q ? "Remove frame link" : p ? "Add frame link" : "Link to current frame",
                             "data-testid": "comment-frame-link"
                           }
                         ),
-                        (W || fe) && (fe ? /* @__PURE__ */ c(
-                          Do,
+                        (Q || fe) && (fe ? /* @__PURE__ */ c(
+                          Io,
                           {
                             autoFocus: !0,
                             "aria-label": "Linked frame or range",
-                            value: I,
+                            value: D,
                             placeholder: "Frame",
-                            onFocus: (l) => {
-                              Q.current = W, l.currentTarget.select();
+                            onFocus: (d) => {
+                              Y.current = Q, d.currentTarget.select();
                             },
-                            onChange: (l) => Ke(l.target.value),
-                            onBlur: D,
-                            style: { width: Wn },
-                            onKeyDown: (l) => {
-                              l.key === "Enter" && (l.preventDefault(), l.currentTarget.blur()), l.key === "Escape" && (V.current = !0, l.currentTarget.blur());
+                            onChange: (d) => Ke(d.target.value),
+                            onBlur: T,
+                            style: { width: Kn },
+                            onKeyDown: (d) => {
+                              d.key === "Enter" && (d.preventDefault(), d.currentTarget.blur()), d.key === "Escape" && (V.current = !0, d.currentTarget.blur());
                             },
                             "data-testid": "comment-frame-link-input"
                           }
                         ) : /* @__PURE__ */ c(
-                          Io,
+                          Eo,
                           {
                             variant: "text",
-                            "aria-label": `Edit linked frame ${ce ?? ""}`,
-                            onClick: () => _e(!0),
+                            "aria-label": `Edit linked frame ${se ?? ""}`,
+                            onClick: () => Me(!0),
                             "data-tooltip": "Edit linked frame or range",
-                            children: ce || "Frame or range"
+                            children: se || "Frame or range"
                           }
                         ))
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ y(No, { children: [
-                  p && /* @__PURE__ */ c(rt, { variant: "text", onClick: Mt, children: "Cancel" }),
+                /* @__PURE__ */ b(Mo, { children: [
+                  p && /* @__PURE__ */ c(rt, { variant: "text", onClick: Rt, children: "Cancel" }),
                   /* @__PURE__ */ c(
-                    so,
+                    lo,
                     {
                       label: p ? "Save" : "Comment",
                       className: "comment",
-                      active: gt || !!E.length,
+                      active: gt || !!j.length,
                       onClick: ft,
                       disabled: f || ht,
                       saving: ht
@@ -1940,21 +1887,21 @@ ${de}` : de), Ue.current?.focus();
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ c(So, { className: K({ show: we && h }), children: /* @__PURE__ */ c(Z, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ c(_o, { className: J({ show: xe && h }), children: /* @__PURE__ */ c(oe, { icon: "cloud_upload" }) })
             ]
           }
         ),
-        /* @__PURE__ */ c(Eo, {}),
-        Gn
+        /* @__PURE__ */ c(Po, {}),
+        Wn
       ]
     }
   ) });
-}, ur = (e, n, o) => e && It`
+}, Dr = (e, n, o) => e && Nt`
     --reaction-border-color: ${e};
     --reaction-active-bg: ${n};
     --reaction-hover-bg: ${n};
     --reaction-active-border: ${e};
-  `, pr = A.div`
+  `, Nr = A.div`
   /* VARS */
   --reaction-border-color: var(--md-sys-color-outline-variant);
   --reaction-hover-bg: var(--md-sys-color-surface-container-high-hover);
@@ -1967,7 +1914,7 @@ ${de}` : de), Ue.current?.focus();
   --reaction-compact-active-hover-bg: var(--md-sys-color-primary-container-hover);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: n, $categoryTertiary: o }) => ur(e, n)}
+  ${({ $categoryPrimary: e, $categorySecondary: n, $categoryTertiary: o }) => Dr(e, n)}
 
   display: flex;
   justify-content: center;
@@ -2018,23 +1965,23 @@ ${de}` : de), Ue.current?.focus();
     position: relative;
     height: 19px;
   }
-`, mr = A.div`
+`, Sr = A.div`
   outline: 'solid 1px red';
   display: flex;
   gap: 8px;
-`, gr = A.div`
+`, Ir = A.div`
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 55;
-`, hr = A.div`
+`, Er = A.div`
   /* VARS */
   --panel-bg: var(--md-sys-color-surface-container-high);
 
   /* CATEGORY */
-  ${({ $categoryPrimary: e, $categorySecondary: n }) => n && It`
+  ${({ $categoryPrimary: e, $categorySecondary: n }) => n && Nt`
       --panel-bg: ${n};
     `}
 
@@ -2050,14 +1997,14 @@ ${de}` : de), Ue.current?.focus();
   padding: 4px;
   border-radius: 4px;
   box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
-`, fr = A.div`
+`, Mr = A.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: n }) => n && It`
+  ${({ $categoryPrimary: e, $categorySecondary: n }) => n && Nt`
       --opener-bg: ${n};
       --opener-hover-bg: ${n};
       --opener-color: ${e};
@@ -2080,31 +2027,31 @@ ${de}` : de), Ue.current?.focus();
       filter: ${({ $categoryPrimary: e }) => e ? "brightness(1.2)" : "none"};
     }
   }
-`, vr = A.div`
+`, _r = A.div`
   display: flex;
   gap: 8px;
   position: relative;
-`, yr = [
+`, Pr = [
   { key: "thumb_up", value: "👍" },
   { key: "thumb_down", value: "👎" },
   { key: "heart_plus", value: "❤" },
   { key: "celebration", value: "🎉" },
   { key: "notes", value: "📝" }
-], br = {
+], Rr = {
   thumb_up: "👍",
   thumb_down: "👎",
   heart_plus: "❤️",
   celebration: "🎉",
   notes: "📝"
-}, Ct = [
+}, At = [
   "thumb_up",
   "thumb_down",
   "heart_plus",
   "celebration",
   "notes"
-], wr = (e) => [...e].sort(
-  (o, t) => Ct.indexOf(o.type) - Ct.indexOf(t.type)
-), Tn = ({
+], $r = (e) => [...e].sort(
+  (o, t) => At.indexOf(o.type) - At.indexOf(t.type)
+), Dn = ({
   reaction: e,
   variant: n = "standard",
   onClick: o,
@@ -2113,29 +2060,29 @@ ${de}` : de), Ue.current?.focus();
   categoryTertiary: r
 }) => {
   const i = e.users?.join(", ") || void 0;
-  return /* @__PURE__ */ y(
-    pr,
+  return /* @__PURE__ */ b(
+    Nr,
     {
-      className: K(n, { active: e.isActive }),
+      className: J(n, { active: e.isActive }),
       onClick: o,
       "data-tooltip": i,
       $categoryPrimary: t,
       $categorySecondary: a,
       $categoryTertiary: r,
       children: [
-        /* @__PURE__ */ c("span", { className: "emoji", children: br[e.type] }),
+        /* @__PURE__ */ c("span", { className: "emoji", children: Rr[e.type] }),
         e.users && /* @__PURE__ */ c("span", { children: e.users.length })
       ]
     }
   );
-}, xr = ({
+}, Lr = ({
   reactions: e,
   changeHandler: n,
   categoryPrimary: o,
   categorySecondary: t,
   categoryTertiary: a
-}) => /* @__PURE__ */ c(mr, { children: e.map((r) => /* @__PURE__ */ c(
-  Tn,
+}) => /* @__PURE__ */ c(Sr, { children: e.map((r) => /* @__PURE__ */ c(
+  Dn,
   {
     reaction: r,
     isActive: r.isActive,
@@ -2147,44 +2094,44 @@ ${de}` : de), Ue.current?.focus();
     categoryTertiary: a
   },
   r.type
-)) }), kr = ({
+)) }), Or = ({
   reactions: e,
   changeHandler: n,
   categoryPrimary: o,
   categorySecondary: t,
   categoryTertiary: a
 }) => {
-  const [r, i] = q(!1), s = e.filter((d) => d.isActive).map((d) => d.type);
-  return /* @__PURE__ */ y(
-    fr,
+  const [r, i] = O(!1), s = e.filter((l) => l.isActive).map((l) => l.type);
+  return /* @__PURE__ */ b(
+    Mr,
     {
       $categoryPrimary: o,
       $categorySecondary: t,
       $categoryTertiary: a,
       children: [
         /* @__PURE__ */ c(
-          Z,
+          oe,
           {
             icon: "add_reaction",
             className: "add-reaction",
             onClick: () => i(!r)
           }
         ),
-        r && /* @__PURE__ */ y(be, { children: [
-          /* @__PURE__ */ c(gr, { onClick: () => i(!1) }),
+        r && /* @__PURE__ */ b(we, { children: [
+          /* @__PURE__ */ c(Ir, { onClick: () => i(!1) }),
           /* @__PURE__ */ c(
-            hr,
+            Er,
             {
               $categoryPrimary: o,
               $categorySecondary: t,
               $categoryTertiary: a,
-              children: yr.map((d) => {
+              children: Pr.map((l) => {
                 const u = {
-                  type: d.key,
-                  isActive: s.includes(d.key)
+                  type: l.key,
+                  isActive: s.includes(l.key)
                 };
                 return /* @__PURE__ */ c(
-                  Tn,
+                  Dn,
                   {
                     reaction: u,
                     variant: "compact",
@@ -2204,7 +2151,7 @@ ${de}` : de), Ue.current?.focus();
       ]
     }
   );
-}, Ar = ({
+}, jr = ({
   reactions: e,
   changeHandler: n,
   readOnly: o,
@@ -2214,34 +2161,34 @@ ${de}` : de), Ue.current?.focus();
   categoryTertiary: i
 }) => {
   const s = t ? { categoryPrimary: a, categorySecondary: r, categoryTertiary: i } : {};
-  return /* @__PURE__ */ y(vr, { children: [
+  return /* @__PURE__ */ b(_r, { children: [
     !o && /* @__PURE__ */ c(
-      kr,
+      Or,
       {
         reactions: e,
         changeHandler: n,
         ...s
       }
     ),
-    /* @__PURE__ */ c(xr, { reactions: e, changeHandler: n, ...s })
+    /* @__PURE__ */ c(Lr, { reactions: e, changeHandler: n, ...s })
   ] });
-}, Cr = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
+}, Vr = (e = "") => (e.match(/\((.*?)\)/g) || []).flatMap((o) => {
   if (o.includes("http")) return [];
   const t = o.match(/\(([^)]+)\)/), a = t ? t[1].split(":") : [];
   return { type: a[0], id: a[1] };
-}), Fr = (e) => e.replace(/@(?=@|\[)/g, ""), Tr = {
+}), zr = (e) => e.replace(/@(?=@|\[)/g, ""), Ur = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;"
-}, yt = (e) => e.replace(/[&<>"]/g, (n) => Tr[n]), Dr = (e) => e.replaceAll(" ", "%20"), Ir = (e, n) => {
+}, vt = (e) => e.replace(/[&<>"]/g, (n) => Ur[n]), Br = (e) => e.replaceAll(" ", "%20"), Gr = (e, n) => {
   const o = n.cloneContents();
   if (!o.querySelector("[data-mention-value]")) return null;
   let t = "", a = "";
   const r = (i) => {
     if (i.nodeType === Node.TEXT_NODE) {
       const u = i.data;
-      t += u, a += yt(u);
+      t += u, a += vt(u);
       return;
     }
     if (i.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
@@ -2249,12 +2196,12 @@ ${de}` : de), Ue.current?.focus();
       return;
     }
     if (i.nodeType !== Node.ELEMENT_NODE) return;
-    const s = i, d = s.getAttribute("data-mention-value");
-    if (d) {
+    const s = i, l = s.getAttribute("data-mention-value");
+    if (l) {
       const u = s.getAttribute("data-mention-label") || (s.textContent || "").trim();
       if (u) {
-        const m = Dr(d);
-        t += `[${u}](${m})`, a += `<a href="@${yt(m)}">@${yt(u)}</a>`;
+        const m = Br(l);
+        t += `[${u}](${m})`, a += `<a href="@${vt(m)}">@${vt(u)}</a>`;
       }
       return;
     }
@@ -2272,37 +2219,37 @@ ${de}` : de), Ue.current?.focus();
     i.childNodes.forEach(r);
   };
   return r(o), t ? { text: t, html: a } : null;
-}, Nr = ({ children: e }) => {
-  const n = Bt.Children.map(e, (t) => {
-    if (!Bt.isValidElement(t)) return t;
+}, Hr = ({ children: e }) => {
+  const n = Ut.Children.map(e, (t) => {
+    if (!Ut.isValidElement(t)) return t;
     const a = t.props.children;
     return typeof a != "string" ? t : {
       ...t,
       props: {
         ...t.props,
-        children: Fr(a)
+        children: zr(a)
       }
     };
-  }), o = He((t) => {
+  }), o = qe((t) => {
     const a = window.getSelection();
     if (!a || a.rangeCount === 0 || a.isCollapsed) return;
     const r = a.getRangeAt(0), i = t.currentTarget;
     if (!i.contains(r.startContainer) || !i.contains(r.endContainer)) return;
-    const s = Ir(i, r);
+    const s = Gr(i, r);
     s && (t.preventDefault(), t.clipboardData.setData("text/plain", s.text), t.clipboardData.setData("text/html", s.html));
   }, []);
   return /* @__PURE__ */ c("div", { className: "comment-text", onCopy: o, children: n });
-}, Sr = (e = [], n) => {
+}, qr = (e = [], n) => {
   let o = {};
   return e.forEach((t) => {
     const a = t.reaction;
-    Ct.includes(a) && (o[a] === void 0 && (o[a] = { type: a, isActive: !1, users: [] }), n == t.userName && (o[a].isActive = !0), o[a].users?.push(t.fullName || t.userName));
-  }), wr(Object.values(o));
-}, Er = A.div`
+    At.includes(a) && (o[a] === void 0 && (o[a] = { type: a, isActive: !1, users: [] }), n == t.userName && (o[a].isActive = !0), o[a].users?.push(t.fullName || t.userName));
+  }), $r(Object.values(o));
+}, Wr = A.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
-`, _r = A.span`
+`, Qr = A.span`
   border-radius: var(--border-radius-m);
   padding: 2px 6px;
   margin: 0 2px;
@@ -2319,19 +2266,19 @@ ${de}` : de), Ue.current?.focus();
     font-size: 16px;
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, Pr = ({ name: e, statuses: n, children: o }) => {
-  const t = Rr(e, n);
-  return /* @__PURE__ */ y(Er, { children: [
+`, Yr = ({ name: e, statuses: n, children: o }) => {
+  const t = Kr(e, n);
+  return /* @__PURE__ */ b(Wr, { children: [
     o,
-    /* @__PURE__ */ y(_r, { $color: Tt(t.color), style: { backgroundColor: t.color }, children: [
-      t.icon && /* @__PURE__ */ c(Z, { icon: t.icon }),
+    /* @__PURE__ */ b(Qr, { $color: Tt(t.color), style: { backgroundColor: t.color }, children: [
+      t.icon && /* @__PURE__ */ c(oe, { icon: t.icon }),
       e
     ] })
   ] });
-}, Rr = (e, n) => {
+}, Kr = (e, n) => {
   const o = { name: e, color: "var(--md-sys-color-primary)", icon: void 0 };
   return n.find((t) => t.name === e) || o;
-}, Mr = A.header`
+}, Jr = A.header`
   display: flex;
   align-items: flex-end;
   gap: var(--base-gap-small);
@@ -2343,7 +2290,7 @@ ${de}` : de), Ue.current?.focus();
     margin-left: 4px;
     font-weight: 800;
   }
-`, $r = A.div`
+`, Xr = A.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
@@ -2372,7 +2319,121 @@ const bt = A.span`
   strong {
     font-weight: 800;
   }
-`, Dn = ({
+`, Zr = A.li`
+  list-style: none;
+  margin: var(--padding-s) var(--padding-m);
+  padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
+
+  display: flex;
+  gap: var(--base-gap-small);
+
+  border: solid 1px currentColor;
+  border-radius: var(--border-radius-l);
+  user-select: none;
+
+  .date, .user-image {
+    flex-shrink: 0;
+  }
+
+  &.approve,
+  &.approve .icon,
+  &.approve .date, {
+    color: var(--md-sys-color-tertiary);
+  }
+
+  &.request_changes,
+  &.request_changes .icon,
+  &.request_changes .date, {
+    color: var(--md-sys-color-error);
+  }
+`, ei = A.div`
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex: 1;
+  gap: var(--base-gap-medium);
+  padding: 0px 4px;
+  overflow: hidden;
+  width: 100%;
+
+  .icon {
+    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
+    font-size: 16px;
+  }
+
+  [icon='trending_flat'] {
+    color: var(--md-sys-color-outline);
+    opacity: 0.5;
+  }
+`, ti = A.span`
+  white-space: nowrap;
+  font-size: 12px;
+  text-overflow: ellipsis;
+  flex-shrink: 1;
+  overflow: hidden;
+
+  strong {
+    font-size: 12px;
+    font-weight: 800;
+  }
+`, ni = "#c5c5c5";
+function Nn(e) {
+  const { categories: n } = $e(), { categoryData: o, categoryNotFound: t } = S(() => {
+    let a = !1;
+    if (e) {
+      const r = n.find((i) => i.name === e);
+      return r || (a = !0), {
+        categoryData: r || {
+          name: e,
+          color: ni
+        },
+        categoryNotFound: a
+      };
+    } else
+      return {
+        categoryData: null,
+        categoryNotFound: a
+      };
+  }, [e, n]);
+  return { categoryData: o, categoryNotFound: t };
+}
+const oi = "anonymous.guest", ai = "Anonymous User", ri = "unknown.user", Sn = (e) => !e || !e.name ? ri : e.name === oi && !e.label ? ai : e.label ? e.label : e.name, Ft = "anonymous.guest", ii = ({ isGuest: e, activity: n }) => {
+  const { authorName: o, authorFullName: t, createdAt: a, activityData: r } = n || {}, i = S(
+    () => [
+      Sn({ name: o, label: t }),
+      Fn(r?.feedback ?? Te.APPROVE)
+    ].join(" "),
+    [t, o, r?.feedback, a]
+  ), { categoryData: s, categoryNotFound: l } = Nn(r?.category), u = S(() => {
+    if (!o?.startsWith(Ft))
+      return `/api/users/${o}/avatar`;
+  }, [o]);
+  if (r?.feedback)
+    return /* @__PURE__ */ c(Zr, { className: ln(r.feedback), children: /* @__PURE__ */ b(ei, { children: [
+      o && /* @__PURE__ */ c(
+        gn,
+        {
+          name: o,
+          fullName: t,
+          src: u,
+          size: 22
+        }
+      ),
+      /* @__PURE__ */ c(oe, { icon: Cn(r.feedback) }),
+      s && !e && /* @__PURE__ */ c(
+        at,
+        {
+          value: s.name,
+          color: s.color,
+          isCompact: !0,
+          "data-tooltip": l ? "Category not found. It may have been deleted." : void 0,
+          "data-tooltip-delay": 0
+        }
+      ),
+      /* @__PURE__ */ c(ti, { children: i }),
+      /* @__PURE__ */ c(ct, { date: a, exactTooltip: !0 })
+    ] }) });
+}, In = ({
   name: e,
   fullName: n,
   date: o,
@@ -2381,59 +2442,51 @@ const bt = A.span`
   children: r,
   projectName: i,
   entityType: s,
-  onReferenceClick: d,
+  onReferenceClick: l,
   onReferenceTooltip: u
 }) => {
-  const { referenceType: m, origin: p, activityType: g, versions: f, activityId: h } = a, C = m === "mention", F = g === "version.publish", x = f && f?.length > 1 ? "published versions" : "published a version", b = C ? "mentioned" : "commented", k = C ? ` ${s} on` : "on", v = e?.startsWith("guest.") || e?.startsWith(At), $ = (a.author?.deleted || !a.author?.active) && !v, T = _(() => {
-    if (!e?.startsWith(At))
+  const { referenceType: m, origin: p, activityType: g, versions: f, activityId: h } = a, k = m === "mention", C = g === "version.publish", y = f && f?.length > 1 ? "published versions" : "published a version", v = k ? "mentioned" : "commented", F = k ? ` ${s} on` : "on", w = e?.startsWith("guest.") || e?.startsWith(Ft), R = (a.author?.deleted || !a.author?.active) && !w, N = S(() => {
+    if (!e?.startsWith(Ft))
       return `/api/users/${e}/avatar`;
   }, [e]);
-  return /* @__PURE__ */ y(Mr, { children: [
-    /* @__PURE__ */ y($r, { children: [
-      e && !$ && /* @__PURE__ */ c(
-        pn,
-        {
-          name: e,
-          fullName: n,
-          src: T,
-          size: 22
-        }
-      ),
-      $ && /* @__PURE__ */ c(Z, { icon: "account_circle" }),
+  return /* @__PURE__ */ b(Jr, { children: [
+    /* @__PURE__ */ b(Xr, { children: [
+      e && !R && /* @__PURE__ */ c(gn, { name: e, fullName: n, src: N, size: 22 }),
+      R && /* @__PURE__ */ c(oe, { icon: "account_circle" }),
       /* @__PURE__ */ c("h5", { children: n || a.activityData?.author || "Unknown" }),
-      t && /* @__PURE__ */ y(be, { children: [
-        /* @__PURE__ */ c(bt, { children: /* @__PURE__ */ c("strong", { children: b }) }),
-        /* @__PURE__ */ c(bt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: k }),
+      t && /* @__PURE__ */ b(we, { children: [
+        /* @__PURE__ */ c(bt, { children: /* @__PURE__ */ c("strong", { children: v }) }),
+        /* @__PURE__ */ c(bt, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: F }),
         p && /* @__PURE__ */ c(
-          Po,
+          $o,
           {
             id: p.id,
             type: p.type,
             variant: "text",
-            onClick: () => d?.({
+            onClick: () => l?.({
               entityId: p.id,
               entityType: p.type,
               projectName: i,
               activityId: h
             }),
-            onMouseEnter: (L, N) => u?.({
+            onMouseEnter: ($, M) => u?.({
               type: p.type,
               id: p.id,
               label: p.label,
               name: p.id,
-              pos: N
+              pos: M
             }),
             children: p.label || p.name
           }
         )
       ] }),
-      F && /* @__PURE__ */ c(bt, { children: x }),
+      C && /* @__PURE__ */ c(bt, { children: y }),
       r
     ] }),
-    /* @__PURE__ */ c(it, { date: o })
+    /* @__PURE__ */ c(ct, { date: o })
   ] });
-}, Lr = ({ flags: e }) => e.length ? /* @__PURE__ */ c(Ro, { children: e.map(({ id: n, label: o, icon: t, tooltip: a, onClick: r, disabled: i, testId: s }) => /* @__PURE__ */ y(
-  Mo,
+}, si = ({ flags: e }) => e.length ? /* @__PURE__ */ c(Lo, { children: e.map(({ id: n, label: o, icon: t, tooltip: a, onClick: r, disabled: i, testId: s }) => /* @__PURE__ */ b(
+  Oo,
   {
     as: r ? "button" : "span",
     type: r ? "button" : void 0,
@@ -2443,12 +2496,12 @@ const bt = A.span`
     "data-tooltip-delay": 0,
     "data-testid": s,
     children: [
-      t && /* @__PURE__ */ c(Z, { icon: t }),
+      t && /* @__PURE__ */ c(oe, { icon: t }),
       o
     ]
   },
   n
-)) }) : null, Or = ({
+)) }) : null, ci = ({
   category: e,
   categoryNotFound: n,
   frameLink: o,
@@ -2475,7 +2528,7 @@ const bt = A.span`
       testId: "comment-frame-link-chip"
     }
   ] : []
-], Vr = ({
+], li = ({
   onDelete: e,
   onEdit: n,
   onCopyText: o,
@@ -2485,37 +2538,37 @@ const bt = A.span`
   projectName: i,
   entity: s
 }) => {
-  const d = [], u = (m) => () => {
+  const l = [], u = (m) => () => {
     a?.(), m();
   };
-  return n && d.push({
+  return n && l.push({
     id: "edit",
     label: "Edit",
     icon: "edit_square",
     onClick: u(n)
-  }), o && d.push({
+  }), o && l.push({
     id: "copy-text",
     label: "Copy text",
     icon: "content_copy",
     onClick: u(o)
-  }), t && d.push({
+  }), t && l.push({
     id: "duplicate",
     label: "Duplicate",
     icon: "library_add",
     onClick: u(t)
-  }), d.push({
+  }), l.push({
     id: "copy-link",
     label: "Copy link",
     icon: "link",
-    onClick: u(() => fn($o(i, r, s)))
-  }), e && d.push({
+    onClick: u(() => bn(jo(i, r, s)))
+  }), e && l.push({
     id: "delete",
     label: "Delete",
     icon: "delete",
     onClick: u(e),
     danger: !0
-  }), /* @__PURE__ */ c(Jo, { menu: d });
-}, zr = ({
+  }), /* @__PURE__ */ c(Xo, { menu: l });
+}, di = ({
   activity: e = {},
   onCheckChange: n,
   onDelete: o,
@@ -2524,7 +2577,7 @@ const bt = A.span`
   projectInfo: r,
   editProps: i,
   projectName: s,
-  entityType: d,
+  entityType: l,
   onReferenceClick: u,
   onFileExpand: m,
   showOrigin: p,
@@ -2533,227 +2586,227 @@ const bt = A.span`
   statuses: h = []
 }) => {
   const {
-    userName: C,
-    createReaction: F,
-    deleteReaction: P,
-    editingId: x,
-    setEditingId: b,
-    isGuest: k,
-    userTeamNames: v
-  } = Le(), $ = ge(null), { toggleMenuOpen: T, menuOpen: L } = ra(), { categoryData: N, categoryNotFound: R } = xn(e?.activityData?.category), j = wn(N?.color);
+    userName: k,
+    createReaction: C,
+    deleteReaction: I,
+    editingId: y,
+    setEditingId: v,
+    isGuest: F,
+    userTeamNames: w
+  } = $e(), R = ve(null), { toggleMenuOpen: N, menuOpen: $ } = ka(), { categoryData: M, categoryNotFound: _ } = Nn(e?.activityData?.category), B = kn(M?.color);
   let {
-    body: S,
-    authorName: Y,
+    body: E,
+    authorName: K,
     authorFullName: H,
-    createdAt: oe,
-    referenceType: J,
-    entityId: B,
-    activityId: E,
+    createdAt: le,
+    referenceType: Z,
+    entityId: W,
+    activityId: j,
     author: ae,
-    isOwner: Te,
-    files: ie = [],
-    origin: re
+    isOwner: q,
+    files: re = [],
+    origin: me
   } = e;
-  Y || (Y = ae?.name || ""), H = kn({ name: Y, label: H });
-  const Re = Kn(), he = `activity-comment-menu-${E}-${Re}`, we = L === he, { onGoToFrame: se, setHighlightedActivities: xe, user: le, commentFrameLink: De } = We(), Ie = !!le?.data?.isAdmin, Ne = Te || Ie, Oe = Te || Ie, Be = () => {
-    b(E);
+  K || (K = ae?.name || ""), H = Sn({ name: K, label: H });
+  const Ue = Zn(), he = `activity-comment-menu-${j}-${Ue}`, xe = $ === he, { onGoToFrame: ie, setHighlightedActivities: ke, user: de, commentFrameLink: De } = ze(), Ne = !!de?.data?.isAdmin, Se = q || Ne, Le = q || Ne, Be = () => {
+    v(j);
   }, te = () => {
-    b(null);
-  }, Ye = async (D, ve, ke) => {
-    await t?.(D, ve, void 0, ke), b(null);
-  }, Se = x === E, Qe = ({ activityId: D, url: ve }) => {
-    document.getElementById(D) ? xe([D]) : window.open(ve, "_blank", "noreferrer");
-  }, Ee = J !== "origin" || p, Ve = async () => {
-    const D = Cr(S);
-    Ee && re && D.push({ id: re.id, type: re.type }), o && await o(E, B, D);
+    v(null);
+  }, Qe = async (T, ye, Ae) => {
+    await t?.(T, ye, void 0, Ae), v(null);
+  }, Ie = y === j, Ye = ({ activityId: T, url: ye }) => {
+    document.getElementById(T) ? ke([T]) : window.open(ye, "_blank", "noreferrer");
+  }, Ee = Z !== "origin" || p, Oe = async () => {
+    const T = Vr(E);
+    Ee && me && T.push({ id: me.id, type: me.type }), o && await o(j, W, T);
   }, fe = () => {
-    ga({
+    $a({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
       accept: async () => {
-        await Ve();
+        await Oe();
       }
     });
-  }, [, _e] = hn(), W = _(
-    () => Sr(e.reactions, C),
+  }, [, Me] = vn(), Q = S(
+    () => qr(e.reactions, k),
     [[...e.reactions || []]]
-  ), Me = (D) => {
-    D.isActive ? F({
+  ), Pe = (T) => {
+    T.isActive ? C({
       projectName: s,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
-      userName: C,
-      activityId: E,
+      userName: k,
+      activityId: j,
       createReactionModel: {
-        reaction: D.type
+        reaction: T.type
       }
-    }) : P({
+    }) : I({
       projectName: s,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
-      userName: C,
-      activityId: E,
-      reaction: D.type
+      userName: k,
+      activityId: j,
+      reaction: T.type
     });
-  }, ze = He(
-    (D) => {
-      D.annotation && (se?.(D.annotation.range[0]), xe([E]));
+  }, je = qe(
+    (T) => {
+      T.annotation && (ie?.(T.annotation.range[0]), ke([j]));
     },
-    [se]
-  ), ce = _(() => Dt(S), [S]), I = _(
-    () => (ie || []).filter((D) => !ce.has(D.id)),
-    [ie, ce]
-  ), M = (D) => {
-    const ve = Wo(D), ke = (ie || []).filter((Pe) => mt(Pe.mime, Pe.ext)), Je = ke.findIndex((Pe) => Pe.id === ve);
-    Je !== -1 && m?.({ files: ke, index: Je, activityId: E });
-  }, V = _(() => gn(S || ""), [S]), Q = _(() => Nt(e), [e]), ee = De?.formatFrame ?? String, Ke = () => {
-    Q && (De ? De.goTo(Q) : se?.(Q.startFrame), xe([E]));
+    [ie]
+  ), se = S(() => Dt(E), [E]), D = S(
+    () => (re || []).filter((T) => !se.has(T.id)),
+    [re, se]
+  ), P = (T) => {
+    const ye = Qo(T), Ae = (re || []).filter((_e) => mt(_e.mime, _e.ext)), Je = Ae.findIndex((_e) => _e.id === ye);
+    Je !== -1 && m?.({ files: Ae, index: Je, activityId: j });
+  }, V = S(() => yn(E || ""), [E]), Y = S(() => St(e), [e]), ee = De?.formatFrame ?? String, Ke = () => {
+    Y && (De ? De.goTo(Y) : ie?.(Y.startFrame), ke([j]));
   };
-  return /* @__PURE__ */ y(be, { children: [
-    /* @__PURE__ */ y(
-      Lo,
+  return /* @__PURE__ */ b(we, { children: [
+    /* @__PURE__ */ b(
+      Vo,
       {
-        className: K("comment", {
-          isOwner: Te,
-          isEditing: Se,
+        className: J("comment", {
+          isOwner: q,
+          isEditing: Ie,
           isHighlighted: g,
-          category: !!N && !k,
-          menuOpen: we
+          category: !!M && !F,
+          menuOpen: xe
         }),
-        id: E,
-        $categoryPrimary: N?.color,
-        $categoryTertiary: j.primary,
-        $categorySecondary: j.secondary,
+        id: j,
+        $categoryPrimary: M?.color,
+        $categoryTertiary: B.primary,
+        $categorySecondary: B.secondary,
         children: [
           /* @__PURE__ */ c(
-            Dn,
+            In,
             {
-              name: Y,
+              name: K,
               fullName: H,
-              date: oe,
+              date: le,
               isRef: Ee,
               activity: e,
               projectName: s,
-              entityType: d,
+              entityType: l,
               onReferenceClick: u,
-              onReferenceTooltip: _e,
+              onReferenceTooltip: Me,
               children: void 0
             }
           ),
-          /* @__PURE__ */ y(Oo, { className: K("comment-body", { isEditing: Se }), children: [
-            !f && /* @__PURE__ */ y(Vo, { className: "tools", children: [
-              Oe && /* @__PURE__ */ c(Ht, { icon: "edit_square", onClick: Be, variant: "text" }),
+          /* @__PURE__ */ b(zo, { className: J("comment-body", { isEditing: Ie }), children: [
+            !f && /* @__PURE__ */ b(Uo, { className: "tools", children: [
+              Le && /* @__PURE__ */ c(Ht, { icon: "edit_square", onClick: Be, variant: "text" }),
               /* @__PURE__ */ c(
                 Ht,
                 {
                   icon: "more_horiz",
-                  ref: $,
-                  onClick: (D) => {
-                    D.stopPropagation(), T(he);
+                  ref: R,
+                  onClick: (T) => {
+                    T.stopPropagation(), N(he);
                   },
-                  className: we ? "active" : ""
+                  className: xe ? "active" : ""
                 }
               )
             ] }),
-            Se ? /* @__PURE__ */ c(
-              Fn,
+            Ie ? /* @__PURE__ */ c(
+              Tn,
               {
-                initValue: S,
-                initFiles: ie,
-                initCategory: N?.name,
+                initValue: E,
+                initFiles: re,
+                initCategory: M?.name,
                 data: e.activityData,
-                activityId: E,
+                activityId: j,
                 versionReview: !1,
                 isEditing: !0,
                 onClose: te,
-                onSubmit: Ye,
+                onSubmit: Qe,
                 isOpen: !0,
                 ...i
               }
-            ) : /* @__PURE__ */ y(be, { children: [
+            ) : /* @__PURE__ */ b(we, { children: [
               /* @__PURE__ */ c(
-                Lr,
+                si,
                 {
-                  flags: Or({
-                    category: N,
-                    categoryNotFound: R,
-                    frameLink: Q,
+                  flags: ci({
+                    category: M,
+                    categoryNotFound: _,
+                    frameLink: Y,
                     formatFrame: ee,
                     onFrameLinkClick: Ke,
-                    canNavigateToFrame: !!De || !!se,
-                    isGuest: k
+                    canNavigateToFrame: !!De || !!ie,
+                    isGuest: F
                   })
                 }
               ),
-              /* @__PURE__ */ c(Nr, { children: /* @__PURE__ */ c(
-                ln,
+              /* @__PURE__ */ c(Hr, { children: /* @__PURE__ */ c(
+                dn,
                 {
-                  remarkPlugins: [un, dn, Xn, Zn],
-                  urlTransform: (D) => D,
+                  remarkPlugins: [pn, un, to, no],
+                  urlTransform: (T) => T,
                   components: {
                     // a links
                     // @ts-ignore
-                    a: (D) => (
+                    a: (T) => (
                       // @ts-ignore
-                      qo(D, {
-                        entityId: re?.id ?? B,
-                        entityType: re?.type ?? d,
-                        userName: C,
-                        userTeamNames: v,
+                      Wo(T, {
+                        entityId: me?.id ?? W,
+                        entityType: me?.type ?? l,
+                        userName: k,
+                        userTeamNames: w,
                         projectName: s,
                         onReferenceClick: u,
-                        onReferenceTooltip: _e,
-                        activityId: E,
-                        categoryPrimary: N?.color,
-                        categorySecondary: j.secondary,
-                        onActivityLinkClick: Qe
+                        onReferenceTooltip: Me,
+                        activityId: j,
+                        categoryPrimary: M?.color,
+                        categorySecondary: B.secondary,
+                        onActivityLinkClick: Ye
                       })
                     ),
                     // checkbox inputs
                     // @ts-ignore
-                    input: (D) => Ho(D, { activity: e, onCheckChange: n }),
+                    input: (T) => qo(T, { activity: e, onCheckChange: n }),
                     // code syntax highlighting
                     // eslint-disable-next-line
                     // @ts-ignore
-                    code: (D) => Go(D),
+                    code: (T) => Ho(T),
                     // @ts-ignore
-                    blockquote: (D) => jo(D),
+                    blockquote: (T) => Go(T),
                     // @ts-ignore
-                    tip: (D) => /* @__PURE__ */ y(Bo, { children: [
-                      /* @__PURE__ */ c(Z, { icon: "info" }),
-                      D.children
+                    tip: (T) => /* @__PURE__ */ b(Bo, { children: [
+                      /* @__PURE__ */ c(oe, { icon: "info" }),
+                      T.children
                     ] }),
                     // a video url on its own line is an embedded video
                     // @ts-ignore
-                    p: (D) => zo(D, { onOpen: M }) ?? Uo(D) ?? /* @__PURE__ */ c("p", { children: D.children }),
+                    p: (T) => ja(T, { onOpen: P }) ?? Oa(T) ?? /* @__PURE__ */ c("p", { children: T.children }),
                     // @ts-ignore
-                    status: (D) => /* @__PURE__ */ c(Pr, { name: D.id, statuses: h, children: D.children })
+                    status: (T) => /* @__PURE__ */ c(Yr, { name: T.id, statuses: h, children: T.children })
                   },
                   children: V
                 }
               ) }),
               /* @__PURE__ */ c(
-                bn,
+                xn,
                 {
-                  files: I,
-                  isCompact: I.length > 6,
-                  activityId: E,
+                  files: D,
+                  isCompact: D.length > 6,
+                  activityId: j,
                   projectName: s,
                   isDownloadable: !0,
                   onExpand: m,
-                  onAnnotationClick: ze,
+                  onAnnotationClick: je,
                   onRemove: void 0
                 }
               )
             ] }),
-            !Se && /* @__PURE__ */ c("div", { style: { marginTop: "16px" }, children: W && /* @__PURE__ */ c(
-              Ar,
+            !Ie && /* @__PURE__ */ c("div", { style: { marginTop: "16px" }, children: Q && /* @__PURE__ */ c(
+              jr,
               {
-                reactions: W,
-                changeHandler: Me,
+                reactions: Q,
+                changeHandler: Pe,
                 readOnly: f,
-                category: N && !k ? N.name : void 0,
-                categoryPrimary: N?.color,
-                categorySecondary: j.secondary,
-                categoryTertiary: j.primary
+                category: M && !F ? M.name : void 0,
+                categoryPrimary: M?.color,
+                categorySecondary: B.secondary,
+                categoryTertiary: B.primary
               }
             ) })
           ] })
@@ -2761,31 +2814,31 @@ const bt = A.span`
       }
     ),
     /* @__PURE__ */ c(
-      Xo,
+      Zo,
       {
-        target: $.current,
+        target: R.current,
         id: he,
         align: "right",
-        onClose: (D) => {
-          D?.stopPropagation(), T(!1);
+        onClose: (T) => {
+          T?.stopPropagation(), N(!1);
         },
         children: /* @__PURE__ */ c(
-          Vr,
+          li,
           {
-            onDelete: Ne && o ? fe : void 0,
-            onEdit: Oe ? Be : void 0,
-            onCopyText: V ? () => fn(V) : void 0,
+            onDelete: Se && o ? fe : void 0,
+            onEdit: Le ? Be : void 0,
+            onCopyText: V ? () => bn(V) : void 0,
             onDuplicate: a ? () => a(e) : void 0,
-            activityId: E,
-            onSelect: () => T(!1),
+            activityId: j,
+            onSelect: () => N(!1),
             projectName: s,
-            entity: re ?? (B ? { id: B, type: d } : void 0)
+            entity: me ?? (W ? { id: W, type: l } : void 0)
           }
         )
       }
     )
   ] });
-}, Ur = A.li`
+}, ui = A.li`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2795,7 +2848,7 @@ const bt = A.span`
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Br = A.div`
+`, pi = A.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2818,10 +2871,10 @@ const bt = A.span`
     font-size: 12px;
     font-weight: 800;
   }
-`, jr = (e, n) => {
+`, mi = (e, n) => {
   let o = [], t = {};
   return e.activityData.origin.type == "folder" && !t.folder && (t.folder = !0, o.push(e.activityData.origin.name)), e.activityData.origin.type == "task" && !t.task && (t.task = !0, o.push(e.activityData.origin.name)), (n == "version" || e.activityData.origin.type == "version") && (t.product || (t.product = !0, o.push(e.activityData.parents?.find((a) => a.type == "product")?.name)), t.version || (t.version = !0, o.push(e.activityData.origin.name))), o;
-}, Gr = A.div`
+}, gi = A.div`
   display: inline-flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2830,7 +2883,7 @@ const bt = A.span`
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
     font-size: 16px;
   }
-`, Hr = A.span`
+`, hi = A.span`
   color: var(--md-sys-color-outline);
   font-size: 12px;
   max-width: 300px;
@@ -2840,18 +2893,18 @@ const bt = A.span`
   span {
     font-size: inherit;
   }
-`, Ft = ut(
-  ({ icon: e, color: n, name: o, items: t, ...a }, r) => /* @__PURE__ */ y(Gr, { ...a, ref: r, children: [
-    e && /* @__PURE__ */ c(Z, { icon: e, style: { color: n } }),
-    /* @__PURE__ */ c(Hr, { title: o, children: t ? t.map((i, s) => /* @__PURE__ */ y(Jn, { children: [
+`, Ct = pt(
+  ({ icon: e, color: n, name: o, items: t, ...a }, r) => /* @__PURE__ */ b(gi, { ...a, ref: r, children: [
+    e && /* @__PURE__ */ c(oe, { icon: e, style: { color: n } }),
+    /* @__PURE__ */ c(hi, { title: o, children: t ? t.map((i, s) => /* @__PURE__ */ b(eo, { children: [
       /* @__PURE__ */ c("span", { style: { color: i.color }, children: i.label }),
       s < t.length - 1 && ", "
     ] }, s)) : o })
   ] })
-), qr = (e) => {
+), fi = (e) => {
   const n = 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: n, color: o };
-}, Wr = (e, n) => {
+}, yi = (e, n) => {
   const o = n?.data.enum?.find((t) => t.value === e)?.label;
   if (o) return o;
   if (n?.data.type === "datetime") {
@@ -2859,18 +2912,18 @@ const bt = A.span`
     if (!isNaN(t.getTime())) return Yo(t, "dd-MM-yyyy");
   }
   return String(e);
-}, Yr = (e, n) => e === "description" || n?.data.widget === "markdown", Qr = (e, n, o) => {
+}, vi = (e, n) => e === "description" || n?.data.widget === "markdown", bi = (e, n, o) => {
   if (e == null || e === "" || Array.isArray(e) && !e.length) return { name: "none" };
-  if (typeof e == "string" && Yr(o, n))
-    return { name: ha(e) || "none" };
+  if (typeof e == "string" && vi(o, n))
+    return { name: La(e) || "none" };
   if (n?.data.type === "boolean") return { name: e ? "Checked" : "Unchecked" };
   const a = Array.isArray(e) ? e : [e];
   if (a.length === 1) {
     const r = n?.data.enum?.find((i) => i.value === a[0]);
-    if (r) return qr(r);
+    if (r) return fi(r);
   }
-  return { name: a.map((r) => Wr(r, n)).join(", ") };
-}, Kr = ({
+  return { name: a.map((r) => yi(r, n)).join(", ") };
+}, wi = ({
   entityType: e,
   projectInfo: n,
   activity: o = {}
@@ -2881,37 +2934,37 @@ const bt = A.span`
     authorFullName: r,
     createdAt: i,
     oldStatus: s,
-    newStatus: d,
+    newStatus: l,
     activityData: u = {}
-  } = o, { key: m, oldValue: p, newValue: g } = u, f = jr(o, e), h = t === "attrib.change", C = t === "tags.change", F = t === "subtype.change", { data: P = [] } = ta(void 0, { skip: !h }), x = _(() => P.find((R) => R.name === m), [P, m]), b = h ? x?.data.title || m : C ? "Tags" : F ? "Type" : void 0, k = (R) => ({
-    name: R?.name || "",
-    icon: R?.icon,
-    color: R?.color
-  }), v = (R) => {
-    const j = Array.isArray(R) ? R.map(String) : [];
-    if (!j.length) return { name: "none" };
-    const S = j.map((Y) => ({
-      label: Y,
-      color: n?.tags?.find((H) => H.name === Y)?.color
+  } = o, { key: m, oldValue: p, newValue: g } = u, f = mi(o, e), h = t === "attrib.change", k = t === "tags.change", C = t === "subtype.change", { data: I = [] } = pa(void 0, { skip: !h }), y = S(() => I.find((_) => _.name === m), [I, m]), v = h ? y?.data.title || m : k ? "Tags" : C ? "Type" : void 0, F = (_) => ({
+    name: _?.name || "",
+    icon: _?.icon,
+    color: _?.color
+  }), w = (_) => {
+    const B = Array.isArray(_) ? _.map(String) : [];
+    if (!B.length) return { name: "none" };
+    const E = B.map((K) => ({
+      label: K,
+      color: n?.tags?.find((H) => H.name === K)?.color
     }));
-    return { name: j.join(", "), items: S };
-  }, $ = t === "status.change", T = (R, j) => $ ? k(j) : C ? v(R) : Qr(R, x, m), L = T(p, s), N = T(g, d);
-  return /* @__PURE__ */ y(Ur, { children: [
-    /* @__PURE__ */ y(Br, { children: [
+    return { name: B.join(", "), items: E };
+  }, R = t === "status.change", N = (_, B) => R ? F(B) : k ? w(_) : bi(_, y, m), $ = N(p, s), M = N(g, l);
+  return /* @__PURE__ */ b(ui, { children: [
+    /* @__PURE__ */ b(pi, { children: [
       /* @__PURE__ */ c(wt, { children: r || a }),
-      /* @__PURE__ */ y(wt, { children: [
+      /* @__PURE__ */ b(wt, { children: [
         "- ",
         f.join(" / "),
         " -"
       ] }),
-      b && /* @__PURE__ */ c(wt, { children: /* @__PURE__ */ c("strong", { children: b }) }),
-      /* @__PURE__ */ c(Ft, { ...L }),
-      /* @__PURE__ */ c(Z, { icon: "trending_flat" }),
-      /* @__PURE__ */ c(Ft, { ...N })
+      v && /* @__PURE__ */ c(wt, { children: /* @__PURE__ */ c("strong", { children: v }) }),
+      /* @__PURE__ */ c(Ct, { ...$ }),
+      /* @__PURE__ */ c(oe, { icon: "trending_flat" }),
+      /* @__PURE__ */ c(Ct, { ...M })
     ] }),
-    /* @__PURE__ */ c(it, { date: i })
+    /* @__PURE__ */ c(ct, { date: i })
   ] });
-}, Jr = A.li`
+}, xi = A.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -2924,7 +2977,7 @@ const bt = A.span`
   padding: 4px 8px;
   border-radius: var(--border-radius-m);
   user-select: none;
-`, Xr = A.div`
+`, ki = A.div`
   display: flex;
   flex-wrap: nowrap;
   align-items: start;
@@ -2932,18 +2985,18 @@ const bt = A.span`
   gap: var(--base-gap-small);
   padding: 0px 4px;
   overflow: hidden;
-`, Zr = A.span`
+`, Ai = A.span`
   color: var(--md-sys-color-outline);
   white-space: wrap;
   font-size: 12px;
-`, nn = ({ activity: e, isAdding: n }) => {
+`, on = ({ activity: e, isAdding: n }) => {
   const { authorFullName: o, createdAt: t, activityData: a, authorName: r } = e || {}, { assignee: i } = a || {};
   let s = o || r;
-  return s += n ? " added " : " removed ", s += "assignee: " + i, /* @__PURE__ */ c(Jr, { children: /* @__PURE__ */ y(Xr, { children: [
-    /* @__PURE__ */ c(Zr, { children: s }),
-    /* @__PURE__ */ c(it, { date: t })
+  return s += n ? " added " : " removed ", s += "assignee: " + i, /* @__PURE__ */ c(xi, { children: /* @__PURE__ */ b(ki, { children: [
+    /* @__PURE__ */ c(Ai, { children: s }),
+    /* @__PURE__ */ c(ct, { date: t })
   ] }) });
-}, ei = A.li`
+}, Fi = A.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -2955,7 +3008,7 @@ const bt = A.span`
 
   width: 100%;
   padding: 8px;
-`, ti = A.div`
+`, Ci = A.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -2971,7 +3024,7 @@ const bt = A.span`
       display: inline;
     }
   }
-`, ni = A.div`
+`, Ti = A.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -2985,7 +3038,7 @@ const bt = A.span`
     min-width: 0;
     overflow: hidden;
   }
-`, on = A.div`
+`, an = A.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3009,7 +3062,7 @@ const bt = A.span`
     display: none;
     flex: 1;
   }
-`, oi = A(Zo)`
+`, Di = A(ba)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -3023,23 +3076,23 @@ const bt = A.span`
   img {
     object-fit: cover;
   }
-`, ai = A.span`
+`, Ni = A.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   min-width: 0;
-`, ri = A.div`
+`, Si = A.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`, ii = A.li`
+`, Ii = A.li`
   /* reset default */
   list-style: none;
   margin: 0;
   padding: 0;
   padding: 0px 8px;
-`, In = A.div`
+`, En = A.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -3062,7 +3115,7 @@ const bt = A.span`
   &:hover {
     background-color: var(--md-sys-color-surface-container-hover);
   }
-`, si = ({
+`, Ei = ({
   activity: e,
   projectName: n,
   entityType: o,
@@ -3070,15 +3123,15 @@ const bt = A.span`
   filter: a,
   statuses: r = []
 }) => {
-  const { onOpenViewer: i } = We();
-  let { authorName: s, authorFullName: d, createdAt: u, versions: m = [] } = e;
-  const p = a === "versions" || a && typeof a == "object" && a.conditions?.some((x) => x.key === "versions" && x.value === !0), [g, f] = q(p), h = 2, [C, F] = q(!1), P = (x, b) => i?.({ versionIds: [x], productId: b, projectName: n });
-  return /* @__PURE__ */ y(ei, { children: [
+  const { onOpenViewer: i } = ze();
+  let { authorName: s, authorFullName: l, createdAt: u, versions: m = [] } = e;
+  const p = a === "versions" || a && typeof a == "object" && a.conditions?.some((y) => y.key === "versions" && y.value === !0), [g, f] = O(p), h = 2, [k, C] = O(!1), I = (y, v) => i?.({ versionIds: [y], productId: v, projectName: n });
+  return /* @__PURE__ */ b(Fi, { children: [
     /* @__PURE__ */ c(
-      Dn,
+      In,
       {
         name: s,
-        fullName: d || s,
+        fullName: l || s,
         date: u,
         activity: e,
         projectName: n,
@@ -3086,60 +3139,60 @@ const bt = A.span`
         onReferenceClick: t
       }
     ),
-    m.flatMap((x, b) => {
-      const { name: k, id: v, productId: $, productName: T, thumbnailHash: L, comment: N } = x, R = r.find((j) => j.name === x.status);
-      return (b < h || g) && /* @__PURE__ */ y(ti, { onClick: () => P(v, $), children: [
-        /* @__PURE__ */ y(ni, { children: [
-          /* @__PURE__ */ y("div", { children: [
-            /* @__PURE__ */ y(on, { children: [
-              /* @__PURE__ */ c("span", { children: T }),
-              /* @__PURE__ */ c(it, { date: u, isExact: !0 })
+    m.flatMap((y, v) => {
+      const { name: F, id: w, productId: R, productName: N, thumbnailHash: $, comment: M } = y, _ = r.find((B) => B.name === y.status);
+      return (v < h || g) && /* @__PURE__ */ b(Ci, { onClick: () => I(w, R), children: [
+        /* @__PURE__ */ b(Ti, { children: [
+          /* @__PURE__ */ b("div", { children: [
+            /* @__PURE__ */ b(an, { children: [
+              /* @__PURE__ */ c("span", { children: N }),
+              /* @__PURE__ */ c(ct, { date: u, isExact: !0 })
             ] }),
-            /* @__PURE__ */ y(on, { children: [
-              /* @__PURE__ */ c(ai, { className: "version", children: k }),
+            /* @__PURE__ */ b(an, { children: [
+              /* @__PURE__ */ c(Ni, { className: "version", children: F }),
               " -",
               /* @__PURE__ */ c(
-                Ft,
+                Ct,
                 {
-                  icon: R?.icon,
-                  color: R?.color,
-                  name: R?.name || ""
+                  icon: _?.icon,
+                  color: _?.color,
+                  name: _?.name || ""
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ c(
-            oi,
+            Di,
             {
               projectName: n,
-              entityId: v,
+              entityId: w,
               entityType: "version",
-              onError: () => F(!0),
-              iconOnly: C,
-              thumbnailHash: L,
+              onError: () => C(!0),
+              iconOnly: k,
+              thumbnailHash: $,
               icon: "play_circle"
             }
           )
         ] }),
-        N && /* @__PURE__ */ c(ri, { children: N })
-      ] }, v);
+        M && /* @__PURE__ */ c(Si, { children: M })
+      ] }, w);
     }),
-    !p && m.length > h && /* @__PURE__ */ y(In, { onClick: () => f(!g), children: [
-      /* @__PURE__ */ c(Z, { icon: "more" }),
+    !p && m.length > h && /* @__PURE__ */ b(En, { onClick: () => f(!g), children: [
+      /* @__PURE__ */ c(oe, { icon: "more" }),
       /* @__PURE__ */ c("span", { children: g ? "Show less" : `Show ${m.length - h} more versions` })
     ] })
   ] });
-}, ci = ({ activities: e, editProps: n, ...o }) => {
-  const [t, a] = q(!1);
-  return /* @__PURE__ */ y(be, { children: [
-    /* @__PURE__ */ c(ii, { children: /* @__PURE__ */ y(In, { onClick: () => a(!t), children: [
-      /* @__PURE__ */ c(Z, { icon: t ? "expand_less" : "chevron_right" }),
+}, Mi = ({ activities: e, editProps: n, ...o }) => {
+  const [t, a] = O(!1);
+  return /* @__PURE__ */ b(we, { children: [
+    /* @__PURE__ */ c(Ii, { children: /* @__PURE__ */ b(En, { onClick: () => a(!t), children: [
+      /* @__PURE__ */ c(oe, { icon: t ? "expand_less" : "chevron_right" }),
       t ? "Show less" : "Show more"
     ] }) }),
     t && e.map((r) => (
       // @ts-expect-error
       /* @__PURE__ */ c(
-        Nn,
+        Mn,
         {
           editProps: n,
           activity: r,
@@ -3150,7 +3203,7 @@ const bt = A.span`
       )
     ))
   ] });
-}, Nn = ({
+}, Mn = ({
   activity: e,
   fromGroup: n,
   projectInfo: o,
@@ -3159,7 +3212,7 @@ const bt = A.span`
   filter: r,
   readOnly: i,
   statuses: s,
-  isSlideOut: d,
+  isSlideOut: l,
   isGuest: u,
   ...m
 }) => {
@@ -3168,14 +3221,14 @@ const bt = A.span`
       return (
         // @ts-expect-error
         /* @__PURE__ */ c(
-          zr,
+          di,
           {
             activity: e,
             projectInfo: o,
             editProps: a,
             readOnly: i,
             statuses: s,
-            isSlideOut: d,
+            isSlideOut: l,
             ...m
           }
         )
@@ -3184,18 +3237,18 @@ const bt = A.span`
     case "attrib.change":
     case "tags.change":
     case "subtype.change":
-      return /* @__PURE__ */ c(Kr, { activity: e, projectInfo: o, ...m });
+      return /* @__PURE__ */ c(wi, { activity: e, projectInfo: o, ...m });
     case "assignee.add":
-      return /* @__PURE__ */ c(nn, { activity: e, ...m, isAdding: !0 });
+      return /* @__PURE__ */ c(on, { activity: e, ...m, isAdding: !0 });
     case "assignee.remove":
-      return /* @__PURE__ */ c(nn, { activity: e, ...m });
+      return /* @__PURE__ */ c(on, { activity: e, ...m });
     case "version.publish":
-      return /* @__PURE__ */ c(si, { activity: e, projectInfo: o, filter: r, statuses: s, ...m });
+      return /* @__PURE__ */ c(Ei, { activity: e, projectInfo: o, filter: r, statuses: s, ...m });
     case "version.review":
-      return /* @__PURE__ */ c(cr, { activity: e, isGuest: u, ...m });
+      return /* @__PURE__ */ c(ii, { activity: e, isGuest: u, ...m });
     case "group":
       return !n && /* @__PURE__ */ c(
-        ci,
+        Mi,
         {
           editProps: a,
           activities: e.items || [],
@@ -3206,7 +3259,7 @@ const bt = A.span`
     default:
       return null;
   }
-}, li = A.section`
+}, _i = A.section`
   padding-bottom: 4px;
   overflow: hidden;
   position: relative;
@@ -3254,7 +3307,7 @@ A.div`
     color: inherit;
   }
 `;
-const di = A.ul`
+const Pi = A.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 24px 0;
@@ -3275,11 +3328,11 @@ const di = A.ul`
   & > *:last-child {
     margin-top: 32px;
   }
-`, ui = A.span`
+`, Ri = A.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
-`, pi = A.div`
+`, $i = A.div`
   height: 50px;
   border-radius: 8px;
   overflow: hidden;
@@ -3287,7 +3340,7 @@ const di = A.ul`
   opacity: 0.5;
 
   position: relative;
-`, mi = ({
+`, Li = ({
   projectName: e,
   entityType: n,
   entities: o = [],
@@ -3298,33 +3351,33 @@ const di = A.ul`
     createEntityActivity: r,
     updateActivity: i,
     deleteActivity: s,
-    isUpdatingActivity: d,
+    isUpdatingActivity: l,
     userName: u,
     userFullName: m,
     activityTypes: p
-  } = Le(), g = o.map((x) => x.id), f = ({
-    entityId: x,
-    newId: b,
-    subTitle: k,
-    value: v,
-    files: $ = [],
-    data: T = {}
+  } = $e(), g = o.map((y) => y.id), f = ({
+    entityId: y,
+    newId: v,
+    subTitle: F,
+    value: w,
+    files: R = [],
+    data: N = {}
   }) => ({
-    body: v,
+    body: w,
     activityType: "comment",
-    activityId: b,
-    entityId: x,
+    activityId: v,
+    entityId: y,
     referenceType: "origin",
     authorName: u,
     authorFullName: m,
-    createdAt: ia(/* @__PURE__ */ new Date()),
-    files: $,
+    createdAt: Na(/* @__PURE__ */ new Date()),
+    files: R,
     reactions: [],
-    activityData: T,
+    activityData: N,
     origin: {
       id: "8090c2dafcc811eeaf820242c0a80002",
       type: n,
-      name: k
+      name: F
     },
     author: {
       active: !0,
@@ -3332,95 +3385,95 @@ const di = A.ul`
     }
   });
   return {
-    submitComment: async (x, b = [], k = {}) => {
-      const v = o.map(({ id: L, subTitle: N }) => {
-        const R = Yt(), j = b.map((B) => B.id), S = a ? { ...k, entityList: a } : k, Y = {
-          body: x,
+    submitComment: async (y, v = [], F = {}) => {
+      const w = o.map(({ id: $, subTitle: M }) => {
+        const _ = Yt(), B = v.map((W) => W.id), E = a ? { ...F, entityList: a } : F, K = {
+          body: y,
           activityType: "comment",
-          id: R,
-          files: j,
-          data: S
-        }, H = b.filter(
-          ({ id: B }) => !k.annotations?.some(
-            (E) => E.transparent === B
+          id: _,
+          files: B,
+          data: E
+        }, H = v.filter(
+          ({ id: W }) => !F.annotations?.some(
+            (j) => j.transparent === W
           )
-        ), oe = f({ entityId: L, newId: R, subTitle: N, value: x, files: H, data: k });
+        ), le = f({ entityId: $, newId: _, subTitle: M, value: y, files: H, data: F });
         return r({
           projectName: e,
           entityType: n,
-          entityId: L,
-          data: Y,
-          patch: oe,
+          entityId: $,
+          data: K,
+          patch: le,
           filter: t,
           ...{ entityIds: g, activityTypes: p }
         });
-      }), T = (await Promise.all(v)).filter((L) => L.error);
-      if (T.length > 0) {
-        const L = Wt(T[0].error) || "Failed to create comment";
-        throw ye.error(L), new Error(L);
+      }), N = (await Promise.all(w)).filter(($) => $.error);
+      if (N.length > 0) {
+        const $ = qt(N[0].error) || "Failed to create comment";
+        throw be.error($), new Error($);
       }
     },
-    updateComment: async (x, b, k = [], v = {}) => {
-      const $ = k.map((R) => R.id), T = {
-        body: b,
-        files: $,
-        data: v
-      }, L = {
-        ...x,
-        ...T,
-        files: k,
-        activityData: v
-      }, N = { entityType: n, entityIds: g, activityTypes: p };
+    updateComment: async (y, v, F = [], w = {}) => {
+      const R = F.map((_) => _.id), N = {
+        body: v,
+        files: R,
+        data: w
+      }, $ = {
+        ...y,
+        ...N,
+        files: F,
+        activityData: w
+      }, M = { entityType: n, entityIds: g, activityTypes: p };
       try {
         await i({
           projectName: e,
-          data: T,
-          activityId: x.activityId,
-          entityId: x.entityId,
-          patch: L,
+          data: N,
+          activityId: y.activityId,
+          entityId: y.entityId,
+          patch: $,
           filter: t,
-          ...N
+          ...M
         });
-      } catch (R) {
-        throw ye.error(Wt(R)), R;
+      } catch (_) {
+        throw be.error(qt(_)), _;
       }
     },
-    deleteComment: async (x, b, k = []) => {
-      const v = { entityType: n, entityIds: g, activityTypes: p };
-      if (x)
+    deleteComment: async (y, v, F = []) => {
+      const w = { entityType: n, entityIds: g, activityTypes: p };
+      if (y)
         try {
           await s({
             projectName: e,
-            activityId: x,
-            entityId: b,
+            activityId: y,
+            entityId: v,
             filter: t,
-            patch: { activityId: x },
-            refs: k,
-            ...v
+            patch: { activityId: y },
+            refs: F,
+            ...w
           });
         } catch {
         }
     },
-    submitReview: async (x) => {
-      const b = o.map(({ id: k, subTitle: v }) => {
-        const $ = Yt(), T = { feedback: x, entityList: a }, L = {
-          body: sr(x, n),
+    submitReview: async (y) => {
+      const v = o.map(({ id: F, subTitle: w }) => {
+        const R = Yt(), N = { feedback: y, entityList: a }, $ = {
+          body: Fr(y, n),
           activityType: "version.review",
-          id: $,
-          data: T
-        }, N = f({ entityId: k, newId: $, subTitle: v, value: "", data: T });
+          id: R,
+          data: N
+        }, M = f({ entityId: F, newId: R, subTitle: w, value: "", data: N });
         return r({
           projectName: e,
           entityType: n,
-          entityId: k,
-          data: L,
-          patch: N,
+          entityId: F,
+          data: $,
+          patch: M,
           filter: t
         });
       });
-      await Promise.all(b);
+      await Promise.all(v);
     },
-    isSaving: d
+    isSaving: l
   };
 }, xt = (e = {}) => {
   const {
@@ -3429,9 +3482,9 @@ const di = A.ul`
     origin: t = {},
     activityData: { context: { productName: a, productType: r, productId: i } = {} } = {},
     version: s
-  } = e, { name: d, id: u } = t;
+  } = e, { name: l, id: u } = t;
   return {
-    name: d,
+    name: l,
     id: u,
     productId: i,
     productName: a,
@@ -3442,7 +3495,7 @@ const di = A.ul`
     status: s?.status,
     thumbnailHash: s?.thumbnailHash
   };
-}, gi = 5, hi = (e = []) => {
+}, Oi = 5, ji = (e = []) => {
   const n = [];
   let o = null;
   for (const t of e) {
@@ -3454,10 +3507,10 @@ const di = A.ul`
       o = { ...t }, o.versions = [xt(t)];
       continue;
     }
-    const a = o.authorName === t.authorName, r = o.origin.id === t.origin.id, s = sa(
+    const a = o.authorName === t.authorName, r = o.origin.id === t.origin.id, s = Sa(
       new Date(o.createdAt),
       new Date(t.createdAt)
-    ) <= gi;
+    ) <= Oi;
     if (a && s && r) {
       o.versions.push(xt(t));
       continue;
@@ -3467,13 +3520,13 @@ const di = A.ul`
     }
   }
   return o && n.push(o), n;
-}, fi = (e, n) => {
+}, Vi = (e, n) => {
   let o = {};
-  n.reduce((s, d) => (s[d.name] = d, s), o);
+  n.reduce((s, l) => (s[l.name] = l, s), o);
   const t = [];
   let a = [];
   const r = (s) => {
-    const d = (f) => ["assignee.add", "assignee.remove"].includes(f[0].activityType) ? [
+    const l = (f) => ["assignee.add", "assignee.remove"].includes(f[0].activityType) ? [
       {
         ...f[0],
         activityType: f[0].activityType,
@@ -3492,9 +3545,9 @@ const di = A.ul`
     ] : f;
     let u = [], m = [], p = null, g = null;
     return s.forEach((f) => {
-      p === null || p === f.activityType && g == f.authorName ? m.push(f) : (u.push(...d(m)), m = [f]), p = f.activityType, g = f.authorName;
-    }), m.length != 0 && u.push(...d(m)), u;
-  }, i = (s, d) => {
+      p === null || p === f.activityType && g == f.authorName ? m.push(f) : (u.push(...l(m)), m = [f]), p = f.activityType, g = f.authorName;
+    }), m.length != 0 && u.push(...l(m)), u;
+  }, i = (s, l) => {
     if (a.length > 2) {
       if (s) {
         const u = a[0].activityData.assignee;
@@ -3509,20 +3562,20 @@ const di = A.ul`
       t.push({
         activityType: "group",
         items: r(s ? a.slice(1) : a),
-        activityId: "group-" + d
+        activityId: "group-" + l
       });
     } else a.length > 0 && a.forEach((u) => t.push(u));
     a = [];
   };
   for (const s of e)
-    if (vi.includes(s.activityType))
+    if (zi.includes(s.activityType))
       a.push(s);
     else {
-      const d = t.length === 0;
-      i(d, t.length), t.push(s);
+      const l = t.length === 0;
+      i(l, t.length), t.push(s);
     }
   return a.length > 0 && i(!1, t.length), t;
-}, an = (e, n, o = "oldValue") => {
+}, rn = (e, n, o = "oldValue") => {
   const t = [];
   let a = null, r = null;
   for (const i of e)
@@ -3531,104 +3584,104 @@ const di = A.ul`
         a = { ...i }, r = new Date(i.createdAt);
         continue;
       }
-      const s = a.authorName === i.authorName, d = a.origin.id === i.entityId, u = a.activityData?.key === i.activityData?.key, m = new Date(i.createdAt), g = r !== null && dt(r) && dt(m) && Math.abs(ca(r, m)) <= 20;
-      s && g && d && u ? (i[o] !== void 0 && (a[o] = i[o]), a.activityData = {
+      const s = a.authorName === i.authorName, l = a.origin.id === i.entityId, u = a.activityData?.key === i.activityData?.key, m = new Date(i.createdAt), g = r !== null && it(r) && it(m) && Math.abs(Ia(r, m)) <= 20;
+      s && g && l && u ? (i[o] !== void 0 && (a[o] = i[o]), a.activityData = {
         ...a.activityData,
         oldValue: i.activityData.oldValue
       }, a.hasPreviousPage = i.hasPreviousPage, a.cursor = i.cursor, r = m) : (a.activityData.oldValue !== a.activityData.newValue && t.push(a), a = { ...i }, r = m);
     } else
       a && (a.activityData.oldValue !== a.activityData.newValue && t.push(a), a = null, r = null), t.push(i);
   return a && a.activityData.oldValue !== a.activityData.newValue && !t.some((i) => i.activityId === a.activityId) && t.push(a), t;
-}, vi = [
+}, zi = [
   "status.change",
   "assignee.add",
   "assignee.remove",
   "attrib.change",
   "tags.change",
   "subtype.change"
-], yi = (e = [], n = {}) => e.map((o) => {
+], Ui = (e = [], n = {}) => e.map((o) => {
   const t = { ...o, origin: { ...o.origin } };
   if (t.activityType === "status.change") {
     if (!n) return t;
-    const a = t.activityData?.oldValue, r = t.activityData?.newValue, i = n.statuses?.find((d) => d.name === a), s = n.statuses?.find((d) => d.name === r);
+    const a = t.activityData?.oldValue, r = t.activityData?.newValue, i = n.statuses?.find((l) => l.name === a), s = n.statuses?.find((l) => l.name === r);
     t.oldStatus = { ...i, name: a }, t.newStatus = { ...s, name: r };
   }
   return t;
-}), bi = (e = [], n = [], o) => n.includes(o) ? e.filter((t) => t.referenceType !== "relation") : e, wi = (e = [], n = [], o = {}, t, a, r) => {
-  const i = _(
-    () => yi(e, o),
+}), Bi = (e = [], n = [], o) => n.includes(o) ? e.filter((t) => t.referenceType !== "relation") : e, Gi = (e = [], n = [], o = {}, t, a, r) => {
+  const i = S(
+    () => Ui(e, o),
     [e, o]
-  ), s = _(() => i.map((C) => ({ ...C, isOwner: a === C.authorName })), [i, a]), d = _(
-    () => bi(s, ["version"], t),
+  ), s = S(() => i.map((k) => ({ ...k, isOwner: a === k.authorName })), [i, a]), l = S(
+    () => Bi(s, ["version"], t),
     [s, t]
-  ), u = _(() => [...d].sort((F, P) => {
-    const x = new Date(F.createdAt), b = new Date(P.createdAt), k = dt(x), v = dt(b);
-    if (!k && !v)
+  ), u = S(() => [...l].sort((C, I) => {
+    const y = new Date(C.createdAt), v = new Date(I.createdAt), F = it(y), w = it(v);
+    if (!F && !w)
       return 0;
-    if (k) {
-      if (!v)
+    if (F) {
+      if (!w)
         return -1;
     } else return 1;
-    return la(b, x);
-  }), [d]), m = _(
-    () => an(u, "status.change", "oldStatus"),
+    return Ea(v, y);
+  }), [l]), m = S(
+    () => rn(u, "status.change", "oldStatus"),
     [u]
-  ), p = _(
-    () => an(m, "attrib.change"),
+  ), p = S(
+    () => rn(m, "attrib.change"),
     [m]
-  ), g = _(() => r?.conditions?.some(
-    (F) => "key" in F && F.key === "updates" && F.value === !0
-  ) ? p : fi(p, n), [p, n, r]), f = _(
-    () => hi(g),
+  ), g = S(() => r?.conditions?.some(
+    (C) => "key" in C && C.key === "updates" && C.value === !0
+  ) ? p : Vi(p, n), [p, n, r]), f = S(
+    () => ji(g),
     [g]
   );
-  return _(() => [...new Map(
-    f.filter((F) => F && F.activityId).map((F) => [F.activityId, F])
+  return S(() => [...new Map(
+    f.filter((C) => C && C.activityId).map((C) => [C.activityId, C])
   ).values()], [f]);
-}, rn = (e, n) => JSON.stringify({ entities: e.map((o) => o.id), filter: n }), xi = ({
+}, sn = (e, n) => JSON.stringify({ entities: e.map((o) => o.id), filter: n }), Hi = ({
   entities: e = [],
   feedRef: n,
   filter: o,
   disabled: t,
   isLoading: a
 }) => {
-  const r = ge({}), i = (s) => {
-    const d = s.current.querySelectorAll(".scroll-to"), u = Array.from(d).map((p) => p.closest("li.comment"));
+  const r = ve({}), i = (s) => {
+    const l = s.current.querySelectorAll(".scroll-to"), u = Array.from(l).map((p) => p.closest("li.comment"));
     return (u[u.length - 1]?.offsetTop || 0) - 8 || 0;
   };
   X(() => {
-    const s = rn(e, o);
+    const s = sn(e, o);
     !n.current || t || a || (n.current.scrollTop = r.current[s] || i(n));
   }, [e, o, n.current, a]), X(() => {
     let s = null;
     if (!n.current || t) return;
-    const d = (u) => {
+    const l = (u) => {
       if (s)
         return;
       s = setTimeout(() => {
         s = null;
       }, 300);
-      const { scrollTop: m } = u.target, p = rn(e, o);
+      const { scrollTop: m } = u.target, p = sn(e, o);
       r.current[p] = m;
     };
-    return n.current?.addEventListener("scroll", d), () => {
-      n.current?.removeEventListener("scroll", d);
+    return n.current?.addEventListener("scroll", l), () => {
+      n.current?.removeEventListener("scroll", l);
     };
   }, [n.current, o, e, t]);
-}, ki = ({ feedRef: e, isInputOpen: n, height: o }) => {
+}, qi = ({ feedRef: e, isInputOpen: n, height: o }) => {
   X(() => {
     if (!e.current) return;
     const t = o;
     e.current.scrollTop === 0 || (n ? e.current.scrollBy(0, t) : e.current.scrollBy(0, -t));
   }, [n, e, o]);
-}, Ai = (e = 50, n = 200) => Math.floor(Math.random() * (n - e + 1) + e), Ci = (e) => new Array(e).fill(0).map((n, o) => /* @__PURE__ */ c(
-  pi,
+}, Wi = (e = 50, n = 200) => Math.floor(Math.random() * (n - e + 1) + e), Qi = (e) => new Array(e).fill(0).map((n, o) => /* @__PURE__ */ c(
+  $i,
   {
     className: "loading",
-    style: { minHeight: Ai(50, 150) }
+    style: { minHeight: Wi(50, 150) }
   },
   o
-)), Fi = ({
+)), Yi = ({
   feedRef: e,
   highlighted: n = [],
   isLoading: o,
@@ -3636,26 +3689,26 @@ const di = A.ul`
   hasNextPage: a,
   activities: r
 }) => {
-  const i = ge([]), s = async (u, m = 0) => {
+  const i = ve([]), s = async (u, m = 0) => {
     if (!t) return null;
     const p = u.querySelector("li.isHighlighted");
     if (p) return p;
     if (m++, m > 10) return null;
     const g = await t();
     return !g || !g.hasNextPage ? null : (await new Promise((h) => requestAnimationFrame(() => h())), s(u, m));
-  }, d = async (u) => {
+  }, l = async (u) => {
     const m = await s(u);
     if (!m) {
       console.error("No highlighted element found");
       return;
     }
-    const p = m.offsetTop, g = m.offsetHeight, f = u.offsetHeight || 0, h = 64, F = g + h > f ? p - 16 : p + g - f + h;
-    console.log("FOUND: scrolling to highlighted..."), u.scrollTo({ top: F }), i.current = n;
+    const p = m.offsetTop, g = m.offsetHeight, f = u.offsetHeight || 0, h = 64, C = g + h > f ? p - 16 : p + g - f + h;
+    console.log("FOUND: scrolling to highlighted..."), u.scrollTo({ top: C }), i.current = n;
   };
   X(() => {
-    !n.length || !e.current || o || !t || n.every((u) => i.current?.includes(u)) || (console.log("trying to scroll to highlighted..."), d(e.current));
+    !n.length || !e.current || o || !t || n.every((u) => i.current?.includes(u)) || (console.log("trying to scroll to highlighted..."), l(e.current));
   }, [e, n, r, o, t, i, a]);
-}, Ti = (e) => e.map((n) => {
+}, Ki = (e) => e.map((n) => {
   if (n.activityType !== "comment" || !n.activityData?.annotations) return n;
   const o = n.files.map((a) => {
     const r = n.activityData.annotations.find(
@@ -3664,79 +3717,79 @@ const di = A.ul`
     return r ? r.transparent === a.id ? null : { ...a, annotation: r } : a;
   }).filter(Boolean);
   return { ...n, files: o };
-}), Sn = [
+}), _n = [
   "comments",
   "versions",
   "updates",
   "checklists",
   "has_attachments",
   "in_review_session"
-], Di = (e) => !!e && "key" in e, Ii = (e, n) => {
+], Ji = (e) => !!e && "key" in e, Xi = (e, n) => {
   const o = [], t = [], a = (r) => {
     if (!r) return;
-    if (Di(r)) {
+    if (Ji(r)) {
       const s = r.key;
       if (s === "body") {
         const m = String(r.value ?? "");
         m && t.push({ id: m, label: m });
         return;
       }
-      const d = n.find((m) => m.id === s);
-      if (!d) return;
-      if (Sn.includes(s)) {
+      const l = n.find((m) => m.id === s);
+      if (!l) return;
+      if (_n.includes(s)) {
         r.value === !0 && o.push({
-          id: jt(s),
-          label: d.label,
-          icon: d.icon,
+          id: Bt(s),
+          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: d.label }]
+          values: [{ id: "true", label: l.label }]
         });
         return;
       }
       const u = Array.isArray(r.value) ? r.value : [r.value];
       o.push({
-        id: jt(s),
-        label: d.label,
-        type: d.type,
-        icon: d.icon,
-        singleSelect: d.singleSelect,
+        id: Bt(s),
+        label: l.label,
+        type: l.type,
+        icon: l.icon,
+        singleSelect: l.singleSelect,
         operator: "OR",
         values: u.map((m) => {
-          const p = d.values?.find((g) => g.id === String(m));
+          const p = l.values?.find((g) => g.id === String(m));
           return p ? { ...p } : { id: String(m), label: String(m) };
         })
       });
       return;
     }
-    const i = ua(r, n);
+    const i = _a(r, n);
     if (i) {
       o.push(i);
       return;
     }
     r.conditions?.forEach(a);
   };
-  return e?.conditions?.forEach(a), t.length && o.push({ id: mn, label: "", values: t }), o;
-}, Ni = (e) => {
+  return e?.conditions?.forEach(a), t.length && o.push({ id: hn, label: "", values: t }), o;
+}, Zi = (e) => {
   const n = [], o = [];
   return e.forEach((t) => {
-    const a = co(t.id), r = (t.values || []).map((i) => i.id);
+    const a = uo(t.id), r = (t.values || []).map((i) => i.id);
     if (r.length)
-      if (a === mn)
+      if (a === hn)
         r.forEach(
           (i) => o.push({ key: "body", operator: "like", value: String(i) })
         );
-      else if (Sn.includes(a))
+      else if (_n.includes(a))
         r.includes("true") && n.push({ key: a, operator: "eq", value: !0 });
       else if (t.type === "datetime") {
-        const i = pa(a, t);
+        const i = Pa(a, t);
         i && n.push(i);
       } else
         n.push({ key: a, operator: "in", value: r.map(String) });
   }), o.length === 1 ? n.push(o[0]) : o.length > 1 && n.push({ operator: "or", conditions: o }), { operator: "and", conditions: n };
-}, Si = A.div`
+}, es = A.div`
   padding: 4px 8px;
   padding-bottom: 0;
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
@@ -3751,7 +3804,7 @@ const di = A.ul`
     opacity: 0.5;
     pointer-events: none;
   }
-`, En = ut(
+`, Pn = pt(
   ({
     feedFilter: e,
     setFeedFilter: n,
@@ -3762,22 +3815,22 @@ const di = A.ul`
     checklistCount: i,
     onSearchTextChange: s
   }) => {
-    const d = _(() => {
-      const b = (v, $, T) => ({
-        id: v,
-        label: $,
-        icon: T,
+    const l = S(() => {
+      const v = (w, R, N) => ({
+        id: w,
+        label: R,
+        icon: N,
         type: "boolean",
         singleSelect: !0,
         values: []
       });
       return [
-        b("comments", "Comments", "chat"),
-        b("versions", "Versions", "layers"),
-        b("updates", "Updates", "arrow_circle_right"),
-        b("checklists", "Checklists", "check_circle"),
-        b("has_attachments", "Attachments", "attach_file"),
-        ...a ? [b("in_review_session", "Review session", "subscriptions")] : [],
+        v("comments", "Comments", "chat"),
+        v("versions", "Versions", "layers"),
+        v("updates", "Updates", "arrow_circle_right"),
+        v("checklists", "Checklists", "check_circle"),
+        v("has_attachments", "Attachments", "attach_file"),
+        ...a ? [v("in_review_session", "Review session", "subscriptions")] : [],
         ...t.length ? [
           {
             id: "category",
@@ -3787,11 +3840,11 @@ const di = A.ul`
             operator: "OR",
             values: [
               { id: "__none__", label: "No category", icon: "crop_square" },
-              ...t.map((v) => ({
-                id: v.name,
-                label: v.name,
+              ...t.map((w) => ({
+                id: w.name,
+                label: w.name,
                 icon: "crop_square",
-                color: v.color
+                color: w.color
               }))
             ]
           }
@@ -3802,10 +3855,10 @@ const di = A.ul`
           icon: "person",
           type: "list_of_strings",
           operator: "OR",
-          values: o.map((v) => ({
-            id: v.name,
-            label: v.attrib?.fullName || v.name,
-            img: `/api/users/${v.name}/avatar`
+          values: o.map((w) => ({
+            id: w.name,
+            label: w.attrib?.fullName || w.name,
+            img: `/api/users/${w.name}/avatar`
           }))
         },
         {
@@ -3813,61 +3866,61 @@ const di = A.ul`
           label: "Posted date",
           icon: "calendar_today",
           type: "datetime",
-          values: Qo()
+          values: Ko()
         }
       ];
     }, [o, t, a]);
     let u = "";
     i?.total && i.total > 0 && (u = `${i.checked}/${i.total}`);
-    const m = _(
+    const m = S(
       () => ["comments", { id: "checklists", label: u, tooltip: "Checklists" }],
       [u]
-    ), p = _(
-      () => Ii(e, d),
-      [e, d]
-    ), [g, f] = q(p), h = ma(), C = ge(null);
+    ), p = S(
+      () => Xi(e, l),
+      [e, l]
+    ), [g, f] = O(p), h = Ra(), k = ve(null);
     X(() => {
       f(p);
     }, [JSON.stringify(p)]), X(() => {
-      const b = (k) => {
-        const v = C.current?.getContainerElement();
-        v && !v.contains(k.target) && C.current?.close();
+      const v = (F) => {
+        const w = k.current?.getContainerElement();
+        w && !w.contains(F.target) && k.current?.close();
       };
-      return document.addEventListener("mousedown", b), () => {
-        document.removeEventListener("mousedown", b);
+      return document.addEventListener("mousedown", v), () => {
+        document.removeEventListener("mousedown", v);
       };
-    }, [C]);
-    const F = (b) => {
-      n(Ni(b)), s?.("");
+    }, [k]);
+    const C = (v) => {
+      n(Zi(v)), s?.("");
     };
-    return /* @__PURE__ */ y(Si, { className: r ? "loading" : void 0, children: [
+    return /* @__PURE__ */ b(es, { className: r ? "loading" : void 0, children: [
       /* @__PURE__ */ c(
-        lo,
+        po,
         {
-          ref: C,
+          ref: k,
           compact: !0,
-          options: d,
+          options: l,
           filters: g,
-          onChange: (b) => {
-            h.wrapFilterChange(b, g, f);
+          onChange: (v) => {
+            h.wrapFilterChange(v, g, f);
           },
-          onFinish: F,
+          onFinish: C,
           enableGlobalSearch: !0,
           enableMultipleSameFilters: !1,
           enableAutosuggestion: !1,
-          onSearchChange: (b, k) => {
-            k || s?.(b);
+          onSearchChange: (v, F) => {
+            F || s?.(v);
           },
           quickActions: m,
           placeholder: "Search and filter feed...",
           pt: {
             searchBar: {
-              onClickCapture: (b) => h.handleSearchBarClickCapture(b, g)
+              onClickCapture: (v) => h.handleSearchBarClickCapture(v, g)
             },
             dropdown: {
               pt: {
                 item: {
-                  onClick: (b) => h.handleDropdownItemClick(b, g, d)
+                  onClick: (v) => h.handleDropdownItemClick(v, g, l)
                 }
               }
             }
@@ -3875,23 +3928,23 @@ const di = A.ul`
         }
       ),
       /* @__PURE__ */ c(
-        ea,
+        wa,
         {
           isOpen: !!h.customRangeFilterId,
-          header: d.find((b) => b.id === h.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+          header: l.find((v) => v.id === h.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
           startDate: h.customStartDate,
           endDate: h.customEndDate,
           onStartDateChange: h.setCustomStartDate,
           onEndDateChange: h.setCustomEndDate,
-          onApply: () => h.handleCustomRangeApply(g, d, F, C),
+          onApply: () => h.handleCustomRangeApply(g, l, C, k),
           onClose: h.handleCustomRangeClose
         }
       )
     ] });
   }
 );
-En.displayName = "FeedSearchFilter";
-function Ei({
+Pn.displayName = "FeedSearchFilter";
+function ts({
   projectName: e,
   enabled: n,
   entityIds: o,
@@ -3899,10 +3952,10 @@ function Ei({
   loadingActivities: a,
   userName: r
 }) {
-  const i = _(
+  const i = S(
     () => t.find((m) => m.activityType === "version.review" && m.authorName === r),
     [t, r]
-  ), s = !!(o.length === 0 || !n || a || i), { data: d } = na(
+  ), s = !!(o.length === 0 || !n || a || i), { data: l } = ma(
     {
       projectName: e,
       entityIds: o,
@@ -3912,9 +3965,9 @@ function Ei({
     },
     { skip: s }
   );
-  return _(() => i ?? d?.activities.at(-1), [i, d]);
+  return S(() => i ?? l?.activities.at(-1), [i, l]);
 }
-const Es = 30, _s = ({
+const nc = 30, oc = ({
   disabled: e,
   readOnly: n,
   statuses: o = [],
@@ -3925,210 +3978,210 @@ const Es = 30, _s = ({
   const {
     projectName: i,
     entities: s,
-    entityType: d,
+    entityType: l,
     editingId: u,
     projectInfo: m,
     setEditingId: p,
     userName: g,
     activitiesData: f,
     isLoadingNew: h,
-    isLoadingNextPage: C,
-    loadNextPage: F,
-    hasNextPage: P,
-    users: x,
-    categories: b,
-    checklistCount: k,
-    feedFilter: v,
-    setFeedFilter: $,
-    isGuest: T,
-    searchText: L,
-    setSearchText: N
-  } = Le(), {
-    openSlideOut: R,
-    highlightedActivities: j,
-    setHighlightedActivities: S,
-    onOpenImage: Y,
+    isLoadingNextPage: k,
+    loadNextPage: C,
+    hasNextPage: I,
+    users: y,
+    categories: v,
+    checklistCount: F,
+    feedFilter: w,
+    setFeedFilter: R,
+    isGuest: N,
+    searchText: $,
+    setSearchText: M
+  } = $e(), {
+    openSlideOut: _,
+    highlightedActivities: B,
+    setHighlightedActivities: E,
+    onOpenImage: K,
     setFeedAnnotations: H,
-    setFeedFrameLinks: oe,
-    user: J
-  } = We(), B = v.conditions?.some(
-    (I) => "key" in I && I.key === "versions" && I.value === !0
-  ), E = v.conditions?.some(
-    (I) => "key" in I && ["comments", "checklists", "versions", "updates"].includes(I.key) && I.value === !0
-  ), ae = v.conditions?.some(
-    (I) => "key" in I && (I.key === "comments" || I.key === "checklists") && I.value === !0
-  ), Te = d === "version" || d === "folder", { data: ie, isLoading: re } = oa({ projectName: i }, { skip: !i }), he = !J.data?.isManager && !J.data?.isAdmin && !re && ie?.activities?.enabled && !ie?.activities?.activities?.includes("comment") || E && !ae, we = _(
-    () => Ti(f),
+    setFeedFrameLinks: le,
+    user: Z
+  } = ze(), W = w.conditions?.some(
+    (D) => "key" in D && D.key === "versions" && D.value === !0
+  ), j = w.conditions?.some(
+    (D) => "key" in D && ["comments", "checklists", "versions", "updates"].includes(D.key) && D.value === !0
+  ), ae = w.conditions?.some(
+    (D) => "key" in D && (D.key === "comments" || D.key === "checklists") && D.value === !0
+  ), q = l === "version" || l === "folder", { data: re, isLoading: me } = ga({ projectName: i }, { skip: !i }), he = !Z.data?.isManager && !Z.data?.isAdmin && !me && re?.activities?.enabled && !re?.activities?.activities?.includes("comment") || j && !ae, xe = S(
+    () => Ki(f),
     [f]
   );
   X(() => {
-    we.length || H([]);
-    const I = we.map(
-      (M) => M.activityData?.annotations?.map((V) => ({
+    xe.length || H([]);
+    const D = xe.map(
+      (P) => P.activityData?.annotations?.map((V) => ({
         ...V,
-        activityId: M.activityId
+        activityId: P.activityId
       }))
     ).filter(Boolean).flat();
-    H(I);
-  }, [we]), X(() => {
-    const I = f.map((M) => {
-      const V = Nt(M);
-      return V && { ...V, activityId: M.activityId };
-    }).filter((M) => !!M);
-    oe(I);
+    H(D);
+  }, [xe]), X(() => {
+    const D = f.map((P) => {
+      const V = St(P);
+      return V && { ...V, activityId: P.activityId };
+    }).filter((P) => !!P);
+    le(D);
   }, [f]);
-  const se = wi(
+  const ie = Gi(
     // @ts-ignore
-    we,
-    x,
+    xe,
+    y,
     m,
-    d,
+    l,
     g,
-    v
-  ), xe = _(() => {
-    if (!L) return se;
-    const I = L.toLowerCase();
-    return se.filter(
-      (M) => M.body?.toLowerCase().includes(I)
+    w
+  ), ke = S(() => {
+    if (!$) return ie;
+    const D = $.toLowerCase();
+    return ie.filter(
+      (P) => P.body?.toLowerCase().includes(D)
     );
-  }, [se, L]), le = ge(null);
-  ki({ feedRef: le, isInputOpen: u === ot, height: 93 }), xi({
+  }, [ie, $]), de = ve(null);
+  qi({ feedRef: de, isInputOpen: u === ot, height: 93 }), Hi({
     entities: s,
-    feedRef: le,
-    filter: v,
-    disabled: !!j.length,
+    feedRef: de,
+    filter: w,
+    disabled: !!B.length,
     isLoading: h
-  }), Fi({
-    feedRef: le,
-    highlighted: j,
-    isLoading: h || C,
-    loadNextPage: F,
-    hasNextPage: !!F,
+  }), Yi({
+    feedRef: de,
+    highlighted: B,
+    isLoading: h || k,
+    loadNextPage: C,
+    hasNextPage: !!C,
     activities: f
   });
   const {
     submitComment: De,
-    updateComment: Ie,
-    deleteComment: Ne,
-    submitReview: Oe,
+    updateComment: Ne,
+    deleteComment: Se,
+    submitReview: Le,
     isSaving: Be
-  } = mi({
+  } = Li({
     projectName: i,
-    entityType: d,
+    entityType: l,
     entities: s,
-    filter: v,
+    filter: w,
     entityListId: t
-  }), te = He(
-    async (I, M = [], V = {}) => {
-      await De(I, M, V), le.current && le.current.scrollTo({ top: 0 });
+  }), te = qe(
+    async (D, P = [], V = {}) => {
+      await De(D, P, V), de.current && de.current.scrollTo({ top: 0 });
     },
-    [De, le]
-  ), Ye = He(
-    async (I) => {
-      await Oe(I);
+    [De, de]
+  ), Qe = qe(
+    async (D) => {
+      await Le(D);
     },
-    [Oe]
-  ), Se = (I, M) => {
-    const V = I?.target;
-    if (!V || !M) return console.log("no target or activity");
-    const Q = V.checked, ee = Q ? "[ ]" : "[x]", Ke = Q ? "[x]" : "[ ]", { body: D } = M, ve = Array.from(
+    [Le]
+  ), Ie = (D, P) => {
+    const V = D?.target;
+    if (!V || !P) return console.log("no target or activity");
+    const Y = V.checked, ee = Y ? "[ ]" : "[x]", Ke = Y ? "[x]" : "[ ]", { body: T } = P, ye = Array.from(
       V.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
-    ).findIndex((je) => je === V.closest("li"));
-    let ke = ve;
-    (D.match(/\[.\]/g) || []).forEach((je, Ue) => {
-      je !== ee && Ue < ve && ke--;
+    ).findIndex((Ge) => Ge === V.closest("li"));
+    let Ae = ye;
+    (T.match(/\[.\]/g) || []).forEach((Ge, Ve) => {
+      Ge !== ee && Ve < ye && Ae--;
     });
-    const Pe = [];
-    let $e = -1;
-    for (; ($e = D.indexOf(ee, $e + 1)) > -1; )
-      Pe.push($e);
-    const Xe = Pe[ke];
+    const _e = [];
+    let Re = -1;
+    for (; (Re = T.indexOf(ee, Re + 1)) > -1; )
+      _e.push(Re);
+    const Xe = _e[Ae];
     if (Xe === void 0) return;
-    const st = Xe + ee.length, Ze = D.slice(0, Xe) + Ke + D.slice(st);
-    Ze && Ie(M, Ze, M.files);
-  }, Qe = (I) => {
-    const { entityId: M, entityType: V, activityId: Q } = I;
+    const lt = Xe + ee.length, Ze = T.slice(0, Xe) + Ke + T.slice(lt);
+    Ze && Ne(P, Ze, P.files);
+  }, Ye = (D) => {
+    const { entityId: P, entityType: V, activityId: Y } = D;
     if (!V || !["version", "task", "folder"].includes(V))
       return console.log("Entity type not supported yet");
-    if (!M || !V || !i) return console.log("No entity id or type found");
-    R({ entityId: M, entityType: V, projectName: i }), S([Q]);
-  }, Ee = ({ index: I, activityId: M }) => {
-    const V = Object.values(xe).reverse().filter((Q) => Q.activityType == "comment").map((Q) => ({
-      id: Q.activityId,
-      files: Q.files.filter((ee) => mt(ee.mime, ee.ext))
-    })).filter((Q) => Q.files.length > 0);
-    Y?.({ files: V, activityId: M, index: I, projectName: i });
-  }, [Ve, fe] = q(null), _e = !he && !n && !e, W = He(
-    (I) => {
-      fe({ key: sn(), activity: I }), p(ot);
+    if (!P || !V || !i) return console.log("No entity id or type found");
+    _({ entityId: P, entityType: V, projectName: i }), E([Y]);
+  }, Ee = ({ index: D, activityId: P }) => {
+    const V = Object.values(ke).reverse().filter((Y) => Y.activityType == "comment").map((Y) => ({
+      id: Y.activityId,
+      files: Y.files.filter((ee) => mt(ee.mime, ee.ext))
+    })).filter((Y) => Y.files.length > 0);
+    K?.({ files: V, activityId: P, index: D, projectName: i });
+  }, [Oe, fe] = O(null), Me = !he && !n && !e, Q = qe(
+    (D) => {
+      fe({ key: cn(), activity: D }), p(ot);
     },
     [p]
-  ), Me = _(() => Ci(10), []), ze = Ei({
+  ), Pe = S(() => Qi(10), []), je = ts({
     projectName: i,
     enabled: r,
-    entityIds: s.map((I) => I.id),
-    activities: se,
+    entityIds: s.map((D) => D.id),
+    activities: ie,
     loadingActivities: h,
     userName: g
   });
-  return /* @__PURE__ */ c(be, { children: /* @__PURE__ */ y(li, { className: "feed", children: [
+  return /* @__PURE__ */ c(we, { children: /* @__PURE__ */ b(_i, { className: "feed", children: [
     void 0,
     /* @__PURE__ */ c(
-      En,
+      Pn,
       {
-        feedFilter: v,
-        setFeedFilter: $,
-        users: x,
-        categories: b,
-        supportsReviewSession: Te,
+        feedFilter: w,
+        setFeedFilter: R,
+        users: y,
+        categories: v,
+        supportsReviewSession: q,
         isLoading: h,
-        onSearchTextChange: N,
-        checklistCount: k
+        onSearchTextChange: M,
+        checklistCount: F
       }
     ),
-    /* @__PURE__ */ y(di, { ref: le, className: K({ loading: h }, "no-shimmer"), children: [
-      h ? Me : xe.map((I) => /* @__PURE__ */ c(
-        Nn,
+    /* @__PURE__ */ b(Pi, { ref: de, className: J({ loading: h }, "no-shimmer"), children: [
+      h ? Pe : ke.map((D) => /* @__PURE__ */ c(
+        Mn,
         {
-          activity: I,
-          onCheckChange: Se,
-          onDelete: Ne,
-          onUpdate: async (M, V, Q, ee) => await Ie(I, M, V, ee),
-          onDuplicate: _e ? W : void 0,
+          activity: D,
+          onCheckChange: Ie,
+          onDelete: Se,
+          onUpdate: async (P, V, Y, ee) => await Ne(D, P, V, ee),
+          onDuplicate: Me ? Q : void 0,
           projectInfo: m,
           projectName: i,
-          entityType: d,
-          onReferenceClick: Qe,
-          createdAts: s.map((M) => M.createdAt),
+          entityType: l,
+          onReferenceClick: Ye,
+          createdAts: s.map((P) => P.createdAt),
           onFileExpand: Ee,
           showOrigin: s.length > 1,
-          filter: v,
+          filter: w,
           editProps: {
             projectName: i,
             entities: s,
-            entityType: d
+            entityType: l
           },
-          isHighlighted: j.includes(I.activityId),
+          isHighlighted: B.includes(D.activityId),
           readOnly: n,
           statuses: o,
           isSlideOut: a,
-          isGuest: T
+          isGuest: N
         },
-        I.activityId
+        D.activityId
       )),
-      xe.length === 0 && B && !ae && !h && /* @__PURE__ */ c(kt, { message: "No versions published yet", icon: "layers" }),
-      P && F && /* @__PURE__ */ c(
-        da,
+      ke.length === 0 && W && !ae && !h && /* @__PURE__ */ c(kt, { message: "No versions published yet", icon: "layers" }),
+      I && C && /* @__PURE__ */ c(
+        Ma,
         {
-          root: le.current,
-          onChange: (I) => I && F(),
+          root: de.current,
+          onChange: (D) => D && C(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ c(ui, { style: { height: 0 }, onClick: () => F(), children: C ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ c(Ri, { style: { height: 0 }, onClick: () => C(), children: k ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
     !he && /* @__PURE__ */ c(
-      Fn,
+      Tn,
       {
         initValue: null,
         onSubmit: te,
@@ -4138,23 +4191,26 @@ const Es = 30, _s = ({
         disabled: e,
         isLoading: h || !s.length || Be,
         versionReview: r,
-        lastOwnVersionReview: ze,
-        onReview: Ye,
-        duplicate: Ve,
+        lastOwnVersionReview: je,
+        onReview: Qe,
+        duplicate: Oe,
         onDuplicateHandled: () => fe(null)
       }
     )
   ] }) });
 };
 export {
-  Za as A,
-  Qa as C,
-  _s as F,
-  Jt as P,
+  xr as A,
+  vr as C,
+  ec as D,
+  ot as F,
+  Xt as P,
+  tc as S,
   at as a,
-  Ss as b,
-  Es as c,
-  mt as d,
-  yn as e,
-  Ka as i
+  oc as b,
+  Zs as c,
+  nc as d,
+  or as e,
+  mt as f,
+  kr as i
 };