@ynput/ayon-frontend-shared 0.5.0 → 0.6.1

package/dist/chunks/Watchers.es.js

@@ -1,40 +1,46 @@
-import { jsx as g, jsxs as C, Fragment as q } from "react/jsx-runtime";
-import { upperFirst as me, intersectionBy as re } from "lodash";
+import { jsx as g, jsxs as N, Fragment as G } from "react/jsx-runtime";
+import { useMemo as L, useCallback as B, useState as M, useEffect as O, useRef as K, forwardRef as H, useContext as ye } from "react";
+import { upperFirst as be, intersectionBy as ae } from "lodash";
 import "primereact/confirmdialog";
-import { toast as H } from "react-toastify";
+import { toast as Q } from "react-toastify";
 import { c as _ } from "./copyToClipboard.es.js";
 import "uuid";
-import { aw as ae, aX as ge, bi as ne, a_ as he, a$ as fe, b0 as ve, bf as ye, bm as be, bt as xe, bh as we, a as O } from "./searchTerms.es.js";
-import { useMemo as P, useCallback as B, useState as U, useEffect as W, useRef as G, forwardRef as Q, useContext as ke } from "react";
-import d, { keyframes as ie, css as se } from "styled-components";
+import { aw as ne, aY as xe, bh as ie, a$ as we, b0 as ke, b1 as Ee, bj as Te, bn as Se, bv as De, bg as je, a as I, bo as Fe } from "./searchTerms.es.js";
+import d, { keyframes as se, css as le } from "styled-components";
 import z from "clsx";
-import { BorderedSection as I, Button as L, StatusSelect as Ee, AssigneeSelect as Se, TagsSelect as Te, EnumDropdown as De, Icon as R, getMimeTypeIcon as Fe, theme as je, getFileSizeString as Ce, WatcherSelect as Ae } from "@ynput/ayon-react-components";
-import { l as Ne, M as $e, T as ze, j as Ue, k as Re, D as Le } from "./MetaWidget.es.js";
+import { BorderedSection as V, Button as P, StatusSelect as Ce, AssigneeSelect as Ae, TagsSelect as Ne, EnumDropdown as $e, Icon as U, getMimeTypeIcon as Re, theme as ze, getFileSizeString as Me, WatcherSelect as Ue } from "@ynput/ayon-react-components";
+import { m as Le, M as Pe, T as We, l as Oe, B as Ie, D as Ve } from "./MetaWidget.es.js";
 import "./PlayableIcon.es.js";
-import { de as Me, c5 as le, be as Pe, an as We, bt as Oe, d2 as Ie } from "./getUris.es.js";
-import "./useLocalStorage.es.js";
+import { df as Be, c6 as ce, bf as He, an as Qe, bu as _e, d3 as qe } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
+import { v as q, d as Ge, x as Ke, T as Ye } from "./DeleteEntitiesContextInstance.es.js";
 import "semver";
-import { c as ce } from "./MenuContext.es.js";
-import { T as Ve } from "./DeleteEntitiesContext.es.js";
+import "./ContextMenuContextInstance.es.js";
 import "react-dom";
-import { u as Be } from "./GlobalContext.es.js";
-import { a as He } from "./ProjectContext.es.js";
-import "./ProjectFoldersContextInstance.es.js";
 import "react-redux";
-import "./ViewsContext.es.js";
-import { format as _e } from "date-fns";
+import { format as Ze } from "date-fns";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "match-sorter";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
 import "react-router-dom";
 import "@tanstack/react-table";
-import { a as Qe } from "./useCreateContextMenu.es.js";
-import { g as qe, h as K } from "./humanizeFieldName.es.js";
+import { g as Je, h as Y } from "./humanizeFieldName.es.js";
+import { a as Xe, A as et } from "./ThumbnailSimple.es.js";
 import de from "axios";
-import { p as M } from "./parseFilename.es.js";
-import { classNames as Ge } from "primereact/utils";
-import { g as Ke } from "./getThumbnailUrl.es.js";
-const Z = [], Ze = (e) => {
-  const { data: t, isError: r } = ve(void 0, { skip: !e });
-  return P(
+import { p as W } from "./parseFilename.es.js";
+import { classNames as tt } from "primereact/utils";
+import { u as ot } from "./useCreateContextMenu.es.js";
+import { g as rt } from "./getThumbnailUrl.es.js";
+const Z = [], at = (e) => {
+  const { data: t, isError: r } = Ee(void 0, { skip: !e });
+  return L(
     () => ({
       // a failed registry is settled too: every param is sent, same fallback as the batch
       isRegistryLoaded: !!t || r,
@@ -42,26 +48,26 @@ const Z = [], Ze = (e) => {
     }),
     [t, r, e]
   );
-}, Eo = () => {
-  const [e] = he(), [t] = fe();
+}, Lo = () => {
+  const [e] = we(), [t] = ke();
   return B(
     async (r, o) => {
       const a = (await t(void 0, !0).unwrap().catch(() => {
       }))?.find(({ name: n }) => n === r.enumResolver)?.acceptedParams;
       try {
         const n = await e(
-          ae(r, { projectName: o }, a),
+          ne(r, { projectName: o }, a),
           !0
         ).unwrap();
         if (n.error) throw new Error(n.error);
-        return ne(n.items);
+        return ie(n.items);
       } catch (n) {
-        throw Je(n);
+        throw nt(n);
       }
     },
     [e, t]
   );
-}, Je = (e) => {
+}, nt = (e) => {
   if (e instanceof Error) return e;
   const {
     message: t,
@@ -70,27 +76,27 @@ const Z = [], Ze = (e) => {
     error: i
   } = e || {};
   return typeof r?.detail == "string" ? new Error(r.detail) : typeof i == "string" ? new Error(i) : typeof t == "string" ? new Error(t) : new Error(o ? `Request failed (${o})` : "Request failed");
-}, Xe = (e, { projectName: t, skip: r } = {}) => {
-  const o = e?.enumResolver, { acceptedParams: i, isRegistryLoaded: a } = Ze(o), n = P(
-    () => ae(e, { projectName: t }, i),
+}, it = (e, { projectName: t, skip: r } = {}) => {
+  const o = e?.enumResolver, { acceptedParams: i, isRegistryLoaded: a } = at(o), n = L(
+    () => ne(e, { projectName: t }, i),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o, e?.enumResolverSettings, t, i]
   ), {
     currentData: s,
-    isFetching: b,
+    isFetching: f,
     isError: y
-  } = ge(n, {
+  } = xe(n, {
     // waiting for the registry keeps the cache key final: no request is sent with params that get dropped
     skip: !o || !!r || !a
-  }), c = P(() => o ? s ? ne(s.items) : Z : e?.enum || Z, [o, s, e?.enum]), l = !!o && !b && (y || !!s?.error);
+  }), l = L(() => o ? s ? ie(s.items) : Z : e?.enum || Z, [o, s, e?.enum]), c = !!o && !f && (y || !!s?.error);
   return {
-    options: c,
+    options: l,
     // a background refetch (tag invalidation) keeps the cached options, so it is not a load
-    isLoading: !!o && !r && (!a || b && !s),
-    isError: l,
-    errorMessage: l ? s?.error : void 0
+    isLoading: !!o && !r && (!a || f && !s),
+    isError: c,
+    errorMessage: c ? s?.error : void 0
   };
-}, Ye = [
+}, st = [
   "id",
   "name",
   "label",
@@ -112,7 +118,7 @@ const Z = [], Ze = (e) => {
   "path",
   "createdAt",
   "updatedAt"
-], et = [
+], lt = [
   "name",
   "label",
   "taskType",
@@ -120,57 +126,57 @@ const Z = [], Ze = (e) => {
   "productType",
   "tags",
   "status"
-], tt = (e, t) => {
-  const [r, o] = U([]), [i, a] = U(null), n = () => {
-    const y = {}, c = /* @__PURE__ */ new Set();
-    e.forEach((u) => {
-      const h = {
-        id: u.id,
-        name: u.name,
-        label: u.label,
-        entityType: u.entityType,
-        createdAt: u.createdAt,
-        updatedAt: u.updatedAt,
-        projectName: u.projectName,
-        status: u.status,
-        tags: u.tags || [],
-        path: u.path,
-        folderType: u.folder?.folderType,
-        productType: u.product?.productType,
-        taskType: u.task?.taskType,
-        description: u.attrib?.description?.toString() ?? ""
+], ct = (e, t) => {
+  const [r, o] = M([]), [i, a] = M(null), n = () => {
+    const y = {}, l = /* @__PURE__ */ new Set();
+    e.forEach((h) => {
+      const v = {
+        id: h.id,
+        name: h.name,
+        label: h.label,
+        entityType: h.entityType,
+        createdAt: h.createdAt,
+        updatedAt: h.updatedAt,
+        projectName: h.projectName,
+        status: h.status,
+        tags: h.tags || [],
+        path: h.path,
+        folderType: h.folder?.folderType,
+        productType: h.product?.productType,
+        taskType: h.task?.taskType,
+        description: h.attrib?.description?.toString() ?? ""
       };
-      Object.keys(h).forEach((m) => {
-        Ye.includes(m) && (y[m] = y[m] || [], y[m].push(h[m]));
-      }), u.attrib && Object.keys(u.attrib).forEach((m) => {
-        if (m !== "description") {
-          const E = `attrib.${m}`;
-          y[E] = y[E] || [], y[E].push(u.attrib?.[m]);
+      Object.keys(v).forEach((u) => {
+        st.includes(u) && (y[u] = y[u] || [], y[u].push(v[u]));
+      }), h.attrib && Object.keys(h.attrib).forEach((u) => {
+        if (u !== "description") {
+          const k = `attrib.${u}`;
+          y[k] = y[k] || [], y[k].push(h.attrib?.[u]);
         }
       });
     });
-    const l = Object.entries(y).reduce((u, [h, m]) => {
-      const { value: E, isMixed: f } = qe(m);
-      return u[h] = E, f && c.add(h), u;
+    const c = Object.entries(y).reduce((h, [v, u]) => {
+      const { value: k, isMixed: b } = Je(u);
+      return h[v] = k, b && l.add(v), h;
     }, {});
-    a(l), o(Array.from(c));
+    a(c), o(Array.from(l));
   };
-  return W(() => {
+  return O(() => {
     t || e.length === 0 || n();
   }, [e, t]), {
     formData: i,
     mixedFields: r,
-    updateFormData: (y, c) => {
-      a((l) => l && {
-        ...l,
-        [y]: c
+    updateFormData: (y, l) => {
+      a((c) => c && {
+        ...c,
+        [y]: l
       });
     },
     clearMixedField: (y) => {
-      o((c) => c.filter((l) => l !== y));
+      o((l) => l.filter((c) => c !== y));
     }
   };
-}, ot = ({
+}, dt = ({
   attributes: e,
   folderTypes: t,
   taskTypes: r,
@@ -179,8 +185,8 @@ const Z = [], Ze = (e) => {
   entityType: a,
   folderHasVersions: n
 }) => {
-  const s = P(() => {
-    const l = [
+  const s = L(() => {
+    const c = [
       {
         name: "name",
         data: {
@@ -204,10 +210,10 @@ const Z = [], Ze = (e) => {
           type: "string",
           title: "Folder Type",
           description: "Type of the folder",
-          enum: t.map((p) => ({
-            value: p.name,
-            label: p.name,
-            icon: p.icon
+          enum: t.map((m) => ({
+            value: m.name,
+            label: m.name,
+            icon: m.icon
           }))
         }
       },
@@ -218,10 +224,10 @@ const Z = [], Ze = (e) => {
           type: "string",
           title: "Task Type",
           description: "Type of the task",
-          enum: r.map((p) => ({
-            value: p.name,
-            label: p.name,
-            icon: p.icon
+          enum: r.map((m) => ({
+            value: m.name,
+            label: m.name,
+            icon: m.icon
           }))
         }
       },
@@ -231,11 +237,11 @@ const Z = [], Ze = (e) => {
           type: "string",
           title: "Status",
           description: "The state the entity is in, is it approved or in progress etc.",
-          enum: o.map((p) => ({
-            value: p.name,
-            label: p.name,
-            icon: p.icon,
-            color: p.color
+          enum: o.map((m) => ({
+            value: m.name,
+            label: m.name,
+            icon: m.icon,
+            color: m.color
           }))
         }
       },
@@ -244,78 +250,78 @@ const Z = [], Ze = (e) => {
         data: {
           type: "list_of_strings",
           title: "Tags",
-          enum: i.map((p) => ({
-            value: p.name,
-            label: p.name,
-            color: p.color
+          enum: i.map((m) => ({
+            value: m.name,
+            label: m.name,
+            color: m.color
           }))
         }
       }
     ].map(
-      (p) => p.name === "folderType" && a === "folder" && n ? {
-        ...p,
+      (m) => m.name === "folderType" && a === "folder" && n ? {
+        ...m,
         readonly: !0,
         data: {
-          ...p.data,
+          ...m.data,
           description: "Folder type is locked because the folder has published versions."
         }
-      } : p
-    ), u = a === "version" ? [
-      ...l.map(
-        (p) => ["tags", "status"].includes(p.name) ? p : { ...p, readonly: !0 }
+      } : m
+    ), h = a === "version" ? [
+      ...c.map(
+        (m) => ["tags", "status"].includes(m.name) ? m : { ...m, readonly: !0 }
       )
-    ] : l, h = a ? e.filter((p) => p.scope?.includes(a) && p.name !== "description").map((p) => ({
-      name: "attrib." + p.name,
-      data: p.data,
-      ...a === "version" && p.builtin ? { readonly: !0 } : {}
-    })) : [], m = J.map((p) => ({
-      name: p,
+    ] : c, v = a ? e.filter((m) => m.scope?.includes(a) && m.name !== "description").map((m) => ({
+      name: "attrib." + m.name,
+      data: m.data,
+      ...a === "version" && m.builtin ? { readonly: !0 } : {}
+    })) : [], u = J.map((m) => ({
+      name: m,
       readonly: !0,
       data: {
         type: "string",
-        title: me(p)
+        title: be(m)
       }
-    })), E = [...u, ...h, ...m], f = ["path", "name"];
-    return [...E].sort((p, T) => {
-      const D = f.indexOf(p.name), v = f.indexOf(T.name);
-      return D === -1 && v === -1 ? 0 : D === -1 ? 1 : v === -1 ? -1 : D - v;
+    })), k = [...h, ...v, ...u], b = ["path", "name"];
+    return [...k].sort((m, T) => {
+      const j = b.indexOf(m.name), w = b.indexOf(T.name);
+      return j === -1 && w === -1 ? 0 : j === -1 ? 1 : w === -1 ? -1 : j - w;
     });
-  }, [e, t, r, o, i, a, n]), b = s.filter(
-    (c) => et.includes(c.name) || c.name.startsWith("attrib.")
+  }, [e, t, r, o, i, a, n]), f = s.filter(
+    (l) => lt.includes(l.name) || l.name.startsWith("attrib.")
   ), y = s.filter(
-    (c) => J.includes(c.name)
+    (l) => J.includes(l.name)
   );
   return {
     fields: s,
-    editableFields: b,
+    editableFields: f,
     readOnlyFieldsData: y
   };
-}, rt = ({ entities: e, entityType: t }) => {
-  const [r] = Me(), { onUpdateEntity: o } = ce();
+}, pt = ({ entities: e, entityType: t }) => {
+  const [r] = Be(), { onUpdateEntity: o } = q();
   return { updateEntity: async (a, n) => {
     if (n == null) {
       console.error("value is null or undefined");
       return;
     }
     try {
-      const s = e.map((b) => ({
-        id: b.id,
-        projectName: b.projectName,
+      const s = e.map((f) => ({
+        id: f.id,
+        projectName: f.projectName,
         data: {
           [a]: n
         },
-        currentAssignees: b.users,
+        currentAssignees: f.users,
         meta: {
-          folderId: b.folderId
+          folderId: f.folderId
         }
       }));
       await r({ operations: s, entityType: t }), o?.({ operations: s, entityType: t });
     } catch {
-      H.error(`Error updating ${t}`);
+      Q.error(`Error updating ${t}`);
     }
   } };
-}, at = ({ entities: e, entityType: t }) => {
-  const { updateEntity: o } = rt({
+}, ut = ({ entities: e, entityType: t }) => {
+  const { updateEntity: o } = pt({
     entities: e.map((i) => ({
       id: i.id,
       projectName: i.projectName || "",
@@ -328,8 +334,8 @@ const Z = [], Ze = (e) => {
     enableEditing: !0,
     updateEntity: o
   };
-}, nt = (e, t) => {
-  const r = le({ projects: [...new Set(e).values()] });
+}, mt = (e, t) => {
+  const r = ce({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
   let o;
@@ -341,16 +347,16 @@ const Z = [], Ze = (e) => {
       o = a;
       continue;
     }
-    o = re(o, a, "name");
+    o = ae(o, a, "name");
   }
   return o;
-}, So = (e, t) => {
+}, Po = (e, t) => {
   let r = Object.values(e || {});
   return r.length == 0 || r[0].scope === void 0 ? r : r.filter(
     (o) => t.every((i) => o.scope === void 0 || o.scope.includes(i))
   );
-}, it = (e, t) => {
-  const r = le({ projects: [...new Set(e).values()] });
+}, gt = (e, t) => {
+  const r = ce({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
   let o;
@@ -360,10 +366,10 @@ const Z = [], Ze = (e) => {
       o = a;
       continue;
     }
-    o = re(o, a, "name");
+    o = ae(o, a, "name");
   }
   return o || [];
-}, st = d.div`
+}, ht = d.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -373,7 +379,7 @@ const Z = [], Ze = (e) => {
   input {
     text-align: left;
   }
-`, lt = d(Ne)`
+`, ft = d(Le)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -383,7 +389,7 @@ const Z = [], Ze = (e) => {
   &:hover {
     background-color: unset;
   }
-`, ct = ({
+`, vt = ({
   field: e,
   value: t,
   isEditing: r,
@@ -392,111 +398,111 @@ const Z = [], Ze = (e) => {
   onChange: a,
   onCancelEdit: n,
   onExpand: s,
-  entities: b = [],
+  entities: f = [],
   entityType: y = "task",
-  projectName: c
+  projectName: l
 }) => {
-  const { type: l, widget: u } = e.data, h = {
+  const { type: c, widget: h } = e.data, v = {
     isEditing: r && !o,
     isReadOnly: o,
     isInherited: !1,
-    onChange: (j) => a(e.name, j)
-  }, m = b.map((j) => j.projectName), E = nt(m, [y]), f = it(m, y), w = c || m[0], {
-    options: p,
+    onChange: (C) => a(e.name, C)
+  }, u = f.map((C) => C.projectName), k = mt(u, [y]), b = gt(u, y), E = l || u[0], {
+    options: m,
     isLoading: T,
-    isError: D,
-    errorMessage: v
-  } = Xe(e.data, { projectName: w }), S = D ? we(v) : void 0, A = e.name === "attrib.endDate" && b.length > 0 && b.every((j) => j.data?.schedulerSyncData?.allDay === !0);
-  let F = t ?? "";
-  const N = e.data.title || e.name;
+    isError: j,
+    errorMessage: w
+  } = it(e.data, { projectName: E }), S = j ? je(w) : void 0, F = e.name === "attrib.endDate" && f.length > 0 && f.every((C) => C.data?.schedulerSyncData?.allDay === !0);
+  let D = t ?? "";
+  const $ = e.data.title || e.name;
   switch (!0) {
-    case l === "boolean":
-      return /* @__PURE__ */ g(Re, { value: !!F, ...h, style: { margin: 0 } });
-    case l === "datetime":
+    case c === "boolean":
+      return /* @__PURE__ */ g(Ie, { value: !!D, ...v, style: { margin: 0 } });
+    case c === "datetime":
       return /* @__PURE__ */ g(
-        Ue,
+        Oe,
         {
-          value: F,
-          ...h,
+          value: D,
+          ...v,
           isEditing: !0,
           onCancelEdit: n,
           style: { width: "fit-content" },
           autoFocus: !1,
-          isMidnightExclusive: A
+          isMidnightExclusive: F
         }
       );
-    case ye(e.data): {
-      const j = l?.includes("list");
-      let $ = [];
-      j ? $ = Array.isArray(F) ? F : [] : i ? $ = [] : $ = [F];
-      let x = p.map((k) => ({
-        value: k.value,
-        label: k.label,
-        icon: be(k.icon),
-        color: k.color,
-        group: k.group,
-        hidden: k.hidden
+    case Te(e.data): {
+      const C = c?.includes("list");
+      let R = [];
+      C ? R = Array.isArray(D) ? D : [] : i ? R = [] : R = [D];
+      let x = m.map((p) => ({
+        value: p.value,
+        label: p.label,
+        icon: Se(p.icon),
+        color: p.color,
+        group: p.group,
+        hidden: p.hidden
       }));
-      return e.name === "status" && b.length > 0 && E && E.length > 0 && (x = E.map((k) => ({
-        value: k.name,
-        label: k.name,
-        icon: k.icon,
-        color: k.color
-      }))), e.name === "taskType" && b.length > 0 && f && f.length > 0 && (x = f.map((k) => ({
-        value: k.name,
-        label: k.name,
-        icon: k.icon,
-        color: k.color
-      }))), e.allowNone && $.length && !j && F && F !== "" && (x = [
+      return e.name === "status" && f.length > 0 && k && k.length > 0 && (x = k.map((p) => ({
+        value: p.name,
+        label: p.name,
+        icon: p.icon,
+        color: p.color
+      }))), e.name === "taskType" && f.length > 0 && b && b.length > 0 && (x = b.map((p) => ({
+        value: p.name,
+        label: p.name,
+        icon: p.icon,
+        color: p.color
+      }))), e.allowNone && R.length && !C && D && D !== "" && (x = [
         { value: "", label: `No ${e.data.title || e.name}` },
         ...x
       ]), /* @__PURE__ */ g(
-        lt,
+        ft,
         {
           "data-tooltip": S,
-          value: $,
+          value: R,
           options: x,
-          type: l,
+          type: c,
           pt: {
             template: {
               style: { height: 32 },
               className: "enum"
             }
           },
-          placeholder: S ? `Could not load ${N}` : i ? `Mixed ${N}` : `Select ${N}...`,
-          error: xe(S),
+          placeholder: S ? `Could not load ${$}` : i ? `Mixed ${$}` : `Select ${$}...`,
+          error: De(S),
           onCancelEdit: n,
           align: "right",
           enableCustomValues: e.enableCustomValues,
           isLoadingOptions: T,
           search: e.enableSearch ?? x.length >= 5,
           sortBySelected: !x,
-          ...h
+          ...v
         }
       );
     }
-    case (l === "string" || l === "integer" || l === "float"):
+    case (c === "string" || c === "integer" || c === "float"):
     default:
-      return u === "markdown" ? /* @__PURE__ */ g(
-        $e,
+      return h === "markdown" ? /* @__PURE__ */ g(
+        Pe,
         {
-          value: F.toString(),
+          value: D.toString(),
           onCancelEdit: n,
           onExpand: s,
           showExpand: !!s,
-          ...h
+          ...v
         }
-      ) : /* @__PURE__ */ g(st, { children: /* @__PURE__ */ g(
-        ze,
+      ) : /* @__PURE__ */ g(ht, { children: /* @__PURE__ */ g(
+        We,
         {
-          value: F.toString(),
+          value: D.toString(),
           onCancelEdit: n,
-          type: l,
-          ...h
+          type: c,
+          ...v
         }
       ) });
   }
-}, dt = d.div`
+}, yt = d.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
@@ -508,9 +514,9 @@ const Z = [], Ze = (e) => {
   showDetailedTooltip: r = !1,
   ...o
 }) => {
-  const i = t.title ? K(t.title) : K(e), a = r ? `${i} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || i;
+  const i = t.title ? Y(t.title) : Y(e), a = r ? `${i} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || i;
   return /* @__PURE__ */ g(
-    dt,
+    yt,
     {
       "data-tooltip": r ? a : void 0,
       "data-tooltip-delay": 700,
@@ -552,7 +558,7 @@ const Z = [], Ze = (e) => {
       margin-top: 6px;
     }
   }
-`, pt = d.div`
+`, bt = d.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -588,7 +594,7 @@ const Z = [], Ze = (e) => {
   &.readonly {
     pointer-events: none;
   }
-`, ut = d.div`
+`, xt = d.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -598,7 +604,7 @@ const Z = [], Ze = (e) => {
     height: 32px;
     padding: 2px;
   }
-`, mt = d(ue)`
+`, wt = d(ue)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -606,7 +612,7 @@ const Z = [], Ze = (e) => {
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`, gt = ({
+`, kt = ({
   title: e,
   isLoading: t,
   form: r,
@@ -615,96 +621,96 @@ const Z = [], Ze = (e) => {
   mixedFields: a,
   onChange: n,
   entities: s = [],
-  projectName: b,
+  projectName: f,
   entityType: y = "task"
 }) => {
-  const [c, l] = U(null), u = P(
-    () => s.map((f) => f?.id).join("|"),
+  const [l, c] = M(null), h = L(
+    () => s.map((b) => b?.id).join("|"),
     [s]
   );
-  W(() => {
-    l(null);
-  }, [u]);
-  const h = (f) => {
-    i && !o.find((w) => w.name === f)?.readonly ? l(f) : console.log("Editing not allowed:", {
+  O(() => {
+    c(null);
+  }, [h]);
+  const v = (b) => {
+    i && !o.find((E) => E.name === b)?.readonly ? c(b) : console.log("Editing not allowed:", {
       enableEditing: i,
-      fieldReadonly: o.find((w) => w.name === f)?.readonly
+      fieldReadonly: o.find((E) => E.name === b)?.readonly
     });
-  }, m = (f, w) => {
-    l(null), n?.(f, w);
-  }, E = () => {
-    l(null);
+  }, u = (b, E) => {
+    c(null), n?.(b, E);
+  }, k = () => {
+    c(null);
   };
-  return t ? /* @__PURE__ */ g(I, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((f, w) => /* @__PURE__ */ C(mt, { children: [
+  return t ? /* @__PURE__ */ g(V, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((b, E) => /* @__PURE__ */ N(wt, { children: [
     /* @__PURE__ */ g("div", { className: "loading" }),
     /* @__PURE__ */ g("div", { className: "loading" })
-  ] }, w)) }) : /* @__PURE__ */ g(
-    I,
+  ] }, E)) }) : /* @__PURE__ */ g(
+    V,
     {
       title: "Attributes",
       autoHeight: !0,
       showHeader: !0,
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
-      children: o.filter((f) => !f.hidden).map((f) => {
-        const w = r[f.name], p = c === f.name, T = f.readonly || !i, D = a?.includes(f.name) || !1;
-        return /* @__PURE__ */ C(
+      children: o.filter((b) => !b.hidden).map((b) => {
+        const E = r[b.name], m = l === b.name, T = b.readonly || !i, j = a?.includes(b.name) || !1;
+        return /* @__PURE__ */ N(
           ue,
           {
-            className: z("field-row", { "multi-line": f.data.widget === "markdown" }),
+            className: z("field-row", { "multi-line": b.data.widget === "markdown" }),
             children: [
               /* @__PURE__ */ g(
                 pe,
                 {
-                  name: f.name,
-                  data: f.data,
+                  name: b.name,
+                  data: b.data,
                   showDetailedTooltip: !0,
                   className: "field-label"
                 }
               ),
               /* @__PURE__ */ g(
-                pt,
+                bt,
                 {
                   className: z("field-value", {
-                    editing: p,
+                    editing: m,
                     readonly: T
                   }),
-                  onClick: (v) => {
-                    v.target.closest("a") || (v.preventDefault(), !p && !T && f.data.type !== "boolean" && h(f.name));
+                  onClick: (w) => {
+                    w.target.closest("a") || (w.preventDefault(), !m && !T && b.data.type !== "boolean" && v(b.name));
                   },
                   children: /* @__PURE__ */ g(
-                    ct,
+                    vt,
                     {
-                      field: f,
-                      value: w,
-                      isEditing: p,
+                      field: b,
+                      value: E,
+                      isEditing: m,
                       isReadOnly: T,
-                      isMixed: D,
-                      onChange: m,
-                      onCancelEdit: E,
+                      isMixed: j,
+                      onChange: u,
+                      onCancelEdit: k,
                       onExpand: () => {
                       },
                       entities: s,
-                      projectName: b,
+                      projectName: f,
                       entityType: y
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ g(ut, { className: "field-tools", children: /* @__PURE__ */ g(
-                L,
+              /* @__PURE__ */ g(xt, { className: "field-tools", children: /* @__PURE__ */ g(
+                P,
                 {
                   className: "tool",
                   variant: "text",
                   icon: "content_copy",
-                  onClick: (v) => {
-                    v.preventDefault(), v.stopPropagation(), _((w ?? "").toString(), !0);
+                  onClick: (w) => {
+                    w.preventDefault(), w.stopPropagation(), _((E ?? "").toString(), !0);
                   }
                 }
               ) })
             ]
           },
-          f.name
+          b.name
         );
       })
     }
@@ -732,7 +738,7 @@ const Z = [], Ze = (e) => {
   &:hover .copy-icon {
     opacity: 1;
   }
-`, ht = d.div`
+`, Et = d.div`
   text-align: left;
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -741,7 +747,7 @@ const Z = [], Ze = (e) => {
   justify-self: end;
   font-size: 14px;
   width: 100%;
-`, Y = d.div`
+`, ee = d.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
@@ -758,7 +764,7 @@ const Z = [], Ze = (e) => {
       opacity: 0.5;
     }
   }
-`, ft = ({
+`, Tt = ({
   fields: e,
   form: t,
   mixedFields: r = [],
@@ -769,32 +775,32 @@ const Z = [], Ze = (e) => {
       return "-";
     if (n === "createdAt" || n === "updatedAt")
       try {
-        return _e(new Date(a), "PPpp");
+        return Ze(new Date(a), "PPpp");
       } catch {
         return a.toString();
       }
     return a.toString();
   };
-  return o ? /* @__PURE__ */ g(I, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((a, n) => /* @__PURE__ */ C(X, { children: [
-    /* @__PURE__ */ g(Y, { style: { width: "80px" } }),
-    /* @__PURE__ */ g(Y, { style: { width: "120px", justifySelf: "end" } }),
+  return o ? /* @__PURE__ */ g(V, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((a, n) => /* @__PURE__ */ N(X, { children: [
+    /* @__PURE__ */ g(ee, { style: { width: "80px" } }),
+    /* @__PURE__ */ g(ee, { style: { width: "120px", justifySelf: "end" } }),
     /* @__PURE__ */ g("div", { style: { width: "24px" } })
-  ] }, n)) }) : /* @__PURE__ */ g(I, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((a) => !a.hidden).map((a) => {
-    const n = t[a.name], s = r.includes(a.name), b = s ? "Multiple values" : i(n, a.name);
-    return /* @__PURE__ */ C(X, { children: [
+  ] }, n)) }) : /* @__PURE__ */ g(V, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((a) => !a.hidden).map((a) => {
+    const n = t[a.name], s = r.includes(a.name), f = s ? "Multiple values" : i(n, a.name);
+    return /* @__PURE__ */ N(X, { children: [
       /* @__PURE__ */ g(pe, { name: a.name, data: a.data, showDetailedTooltip: !0 }),
       /* @__PURE__ */ g(
-        ht,
+        Et,
         {
           style: {
             color: s ? "var(--md-sys-color-on-surface-variant)" : "var(--md-sys-color-on-surface)",
             fontStyle: s ? "italic" : "normal"
           },
-          children: b
+          children: f
         }
       ),
       /* @__PURE__ */ g(
-        L,
+        P,
         {
           className: "copy-icon",
           variant: "text",
@@ -806,7 +812,7 @@ const Z = [], Ze = (e) => {
       )
     ] }, a.name);
   }) });
-}, vt = d.div`
+}, St = d.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -815,75 +821,93 @@ const Z = [], Ze = (e) => {
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, To = ({ entities: e = [], isLoading: t }) => {
-  const { formData: r, mixedFields: o, updateFormData: i, clearMixedField: a } = tt(
+`, Wo = ({ entities: e = [], isLoading: t }) => {
+  const { formData: r, mixedFields: o, updateFormData: i, clearMixedField: a } = ct(
     e,
     t
-  ), { attributes: n } = Be(), { folderTypes: s = [], taskTypes: b = [], statuses: y = [], tags: c = [] } = He(), l = (e || []).filter((v) => v.entityType === "folder"), { data: u } = Pe(
+  ), { attributes: n } = Ge(), {
+    folderTypes: s = [],
+    taskTypes: f = [],
+    statuses: y = [],
+    tags: l = [],
+    productTypes: c
+  } = Ke(), { openSlideOut: h } = q(), [, v] = Xe(), u = (e || []).filter((p) => p.entityType === "folder"), { data: k } = He(
     {
-      entityIds: l.map((v) => v.id),
+      entityIds: u.map((p) => p.id),
       projectName: r?.projectName || "",
       referenceTypes: ["origin", "mention", "relation"],
       activityTypes: ["version.publish"]
     },
     {
-      skip: !r?.projectName || l.length === 0
+      skip: !r?.projectName || u.length === 0
     }
-  ), h = !!u?.pages?.[0]?.activities?.length, { editableFields: m, readOnlyFieldsData: E } = ot({
+  ), b = !!k?.pages?.[0]?.activities?.length, { editableFields: E, readOnlyFieldsData: m } = dt({
     attributes: n,
     folderTypes: s,
-    taskTypes: b,
+    taskTypes: f,
     statuses: y,
-    tags: c,
+    tags: l,
     entityType: r?.entityType,
-    folderHasVersions: h
-  }), f = r?.entityType || "task", { enableEditing: w, updateEntity: p } = at({
+    folderHasVersions: b
+  }), T = r?.entityType || "task", { enableEditing: j, updateEntity: w } = ut({
     entities: e,
-    entityType: f
-  }), T = (v, S) => {
-    v === "tags" && (Array.isArray(S) || (S == null || S === "" ? S = [] : S = [String(S)])), v.startsWith("attrib.") && (S = {
-      [v.replace("attrib.", "")]: S
-    }, v = "attrib"), i(v, S), p(v, S);
-  }, D = (v) => {
-    i("description", v), a("description"), p("attrib", { description: v });
+    entityType: T
+  }), S = (p, A) => {
+    p === "tags" && (Array.isArray(A) || (A == null || A === "" ? A = [] : A = [String(A)])), p.startsWith("attrib.") && (A = {
+      [p.replace("attrib.", "")]: A
+    }, p = "attrib"), i(p, A), w(p, A);
+  }, F = r?.projectName || e[0]?.projectName, D = e[0]?.id, $ = L(
+    () => F && D ? { projectName: F, entityType: T, entityId: D, productTypes: c, taskTypes: f } : void 0,
+    [F, T, D, c, f]
+  ), C = ({ type: p, id: A }) => {
+    p === "user" || p === "team" || !F || h({ entityId: A, entityType: p, projectName: F });
+  }, R = ({ type: p, id: A, label: me }, ge) => {
+    const { x: he, y: fe, width: ve } = ge.getBoundingClientRect();
+    v({ id: A, name: A, type: p, label: me, pos: { left: he + ve / 2, top: fe } });
+  }, x = (p) => {
+    i("description", p), a("description"), w("attrib", { description: p });
   };
-  return /* @__PURE__ */ C(vt, { children: [
+  return /* @__PURE__ */ N(St, { children: [
     /* @__PURE__ */ g(
-      Le,
+      Ve,
       {
         description: r?.description || "",
         isMixed: o.includes("description"),
-        enableEditing: w,
-        onChange: D,
-        isLoading: t
+        enableEditing: j,
+        onChange: x,
+        isLoading: t,
+        mentionsContext: $,
+        onMentionClick: C,
+        onMentionHover: R
       }
     ),
+    /* @__PURE__ */ g(et, {}),
     /* @__PURE__ */ g(
-      gt,
+      kt,
       {
-        fields: m,
+        fields: E,
         form: r || {},
         mixedFields: o,
         isLoading: t,
-        enableEditing: w,
-        onChange: T,
+        enableEditing: j,
+        onChange: S,
         entities: e,
-        entityType: f
+        entityType: T
       }
     ),
     /* @__PURE__ */ g(
-      ft,
+      Tt,
       {
-        fields: E,
+        fields: m,
         form: r || {},
         mixedFields: o,
         isLoading: t
       }
     )
   ] });
-}, Do = d.div`
+}, Oo = d.div`
   position: relative;
-`, Fo = d.div`
+`, Io = d.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -915,13 +939,13 @@ const Z = [], Ze = (e) => {
     /* align center */
     align-items: center;
   }
-`, jo = d(L)`
+`, Vo = d(P)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, Co = d.header`
+`, Bo = d.header`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -936,7 +960,7 @@ const Z = [], Ze = (e) => {
       display: none;
     }
   }
-`, Ao = d.div`
+`, Ho = d.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -944,7 +968,7 @@ const Z = [], Ze = (e) => {
   h2 {
     min-width: fit-content;
   }
-`, No = d.div`
+`, Qo = d.div`
   position: relative;
   height: 100%;
 
@@ -959,7 +983,7 @@ const Z = [], Ze = (e) => {
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, $o = d.div`
+`, _o = d.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -997,7 +1021,7 @@ const Z = [], Ze = (e) => {
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, zo = d.div`
+`, qo = d.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1006,10 +1030,10 @@ const Z = [], Ze = (e) => {
   label {
     color: var(--md-sys-color-outline);
   }
-`, Uo = d.div`
+`, Go = d.div`
   display: flex;
   flex-direction: column;
-`, Ro = d(Ee)`
+`, Ko = d(Ce)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -1020,11 +1044,11 @@ const Z = [], Ze = (e) => {
     margin-bottom: 2px;
     color: ${(e) => e.$textColor};
   }
-`, Lo = d(Se)`
+`, Yo = d(Ae)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, Mo = d(Te)`
+`, Zo = d(Ne)`
   height: 24px;
   .template-value {
     padding: 0 2px;
@@ -1038,7 +1062,7 @@ const Z = [], Ze = (e) => {
       display: none;
     }
   }
-`, Po = d(De)`
+`, Jo = d($e)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -1062,12 +1086,12 @@ const Z = [], Ze = (e) => {
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, Wo = d.footer`
+`, Xo = d.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`, Oo = d.div`
+`, er = d.div`
   height: 100%;
 
   > input[type='file'] {
@@ -1078,7 +1102,7 @@ const Z = [], Ze = (e) => {
   input[type='file'] {
     display: none;
   }
-`, Io = d.div`
+`, tr = d.div`
   z-index: 100;
   position: absolute;
   inset: 0;
@@ -1090,7 +1114,7 @@ const Z = [], Ze = (e) => {
   display: flex;
   align-items: center;
   justify-content: center;
-`, Vo = d.div`
+`, or = d.div`
   flex: 1;
   height: 100%;
   border-radius: var(--border-radius-l);
@@ -1119,11 +1143,11 @@ const Z = [], Ze = (e) => {
     /* show children */
     opacity: 1;
   }
-`, Bo = d(L)`
+`, rr = d(P)`
   position: absolute;
   top: 4px;
   right: 4px;
-`, Ho = d.div`
+`, ar = d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1136,7 +1160,7 @@ const Z = [], Ze = (e) => {
     top: 12px;
     position: relative;
   }
-`, _o = d.div`
+`, nr = d.div`
   height: 8px;
   position: absolute;
   border-radius: 4px;
@@ -1145,14 +1169,14 @@ const Z = [], Ze = (e) => {
   background-color: var(--md-sys-color-primary);
 
   transition: right 0.2s;
-`, yt = ie`
+`, Dt = se`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, bt = d.div`
+`, jt = d.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -1161,10 +1185,10 @@ const Z = [], Ze = (e) => {
   overflow: hidden;
 
   background-color: var(--md-sys-color-surface-container-low);
-`, xt = d(R)`
-  animation: ${yt} 1s linear infinite;
+`, Ft = d(U)`
+  animation: ${Dt} 1s linear infinite;
   opacity: 0.6;
-`, wt = d.img`
+`, Ct = d.img`
   position: absolute;
   inset: 0;
   object-fit: cover;
@@ -1176,41 +1200,41 @@ const Z = [], Ze = (e) => {
   &.hidden {
     opacity: 0;
   }
-`, kt = ({ mimetype: e = "", src: t, ...r }) => {
-  const [o, i] = U(!1), [a, n] = U(!1), s = G(null), b = G(0);
-  return W(() => {
-    const y = b.current + 1;
-    b.current = y, n(!1), i(!1);
-    const c = s.current;
-    let l = !1, u = 0, h = 0, m = 0;
-    const E = (T) => {
-      l || y !== b.current || (l = !0, cancelAnimationFrame(u), window.clearInterval(h), window.clearTimeout(m), T());
-    }, f = () => {
-      !c || y !== b.current || c.complete && c.naturalWidth > 0 && E(() => {
+`, At = ({ mimetype: e = "", src: t, ...r }) => {
+  const [o, i] = M(!1), [a, n] = M(!1), s = K(null), f = K(0);
+  return O(() => {
+    const y = f.current + 1;
+    f.current = y, n(!1), i(!1);
+    const l = s.current;
+    let c = !1, h = 0, v = 0, u = 0;
+    const k = (T) => {
+      c || y !== f.current || (c = !0, cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(u), T());
+    }, b = () => {
+      !l || y !== f.current || l.complete && l.naturalWidth > 0 && k(() => {
         n(!0), i(!1);
       });
-    }, w = () => E(() => {
+    }, E = () => k(() => {
       n(!0), i(!1);
-    }), p = () => E(() => {
+    }), m = () => k(() => {
       n(!0), i(!0);
     });
-    return c && (c.addEventListener("load", w), c.addEventListener("error", p), typeof c.decode == "function" && c.decode().then(
-      () => E(() => {
+    return l && (l.addEventListener("load", E), l.addEventListener("error", m), typeof l.decode == "function" && l.decode().then(
+      () => k(() => {
         n(!0), i(!1);
       })
     ).catch(() => {
-      f();
-    })), u = requestAnimationFrame(f), h = window.setInterval(f, 250), m = window.setTimeout(() => {
-      E(() => {
-        c && c.naturalWidth > 0 ? (n(!0), i(!1)) : n(!0);
+      b();
+    })), h = requestAnimationFrame(b), v = window.setInterval(b, 250), u = window.setTimeout(() => {
+      k(() => {
+        l && l.naturalWidth > 0 ? (n(!0), i(!1)) : n(!0);
       });
     }, 1e4), () => {
-      cancelAnimationFrame(u), window.clearInterval(h), window.clearTimeout(m), c && (c.removeEventListener("load", w), c.removeEventListener("error", p));
+      cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(u), l && (l.removeEventListener("load", E), l.removeEventListener("error", m));
     };
-  }, [t]), /* @__PURE__ */ C(bt, { ...r, className: z("file-thumbnail", r.className), children: [
-    a ? /* @__PURE__ */ g(R, { icon: Fe(e) }) : /* @__PURE__ */ g(xt, { icon: "progress_activity" }),
+  }, [t]), /* @__PURE__ */ N(jt, { ...r, className: z("file-thumbnail", r.className), children: [
+    a ? /* @__PURE__ */ g(U, { icon: Re(e) }) : /* @__PURE__ */ g(Ft, { icon: "progress_activity" }),
     /* @__PURE__ */ g(
-      wt,
+      Ct,
       {
         ref: s,
         src: t,
@@ -1225,7 +1249,7 @@ const Z = [], Ze = (e) => {
       }
     )
   ] });
-}, Et = d.div`
+}, Nt = d.div`
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -1292,7 +1316,7 @@ const Z = [], Ze = (e) => {
       background-color: var(--md-sys-color-primary-container);
     }
   }
-`, St = d.div`
+`, $t = d.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1317,15 +1341,15 @@ const Z = [], Ze = (e) => {
   .name {
     color: var(--md-sys-color-outline);
   }
-`, Tt = d.div`
+`, Rt = d.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
 
   h4 {
-    ${je.titleSmall}
+    ${ze.titleSmall}
   }
-`, Dt = d(L)`
+`, zt = d(P)`
   /* hidden by default and show on card hover */
   display: none;
   .icon {
@@ -1337,21 +1361,21 @@ const Z = [], Ze = (e) => {
   }
 
   margin: -2px;
-`, Ft = d(kt)`
+`, Mt = d(At)`
   width: 71px;
   height: 40px;
 
   border-radius: var(--border-radius-m);
 
   object-fit: cover;
-`, jt = d(R)`
+`, Ut = d(U)`
   font-size: 25px;
 
   cursor: grab;
 
   /* default hidden */
   opacity: 0;
-`, Qo = Q(
+`, ir = H(
   ({
     availability: e,
     projectName: t,
@@ -1361,54 +1385,54 @@ const Z = [], Ze = (e) => {
     processing: a,
     mimetype: n,
     isDragOverlay: s,
-    isDropPlaceholder: b,
+    isDropPlaceholder: f,
     isSelected: y,
-    isDragging: c,
-    dragProps: l = {},
-    sortingDisabled: u,
-    onEdit: h,
-    ...m
-  }, E) => {
-    const f = (l || s) && !u, w = e === "conversionRecommended", p = w && !!a;
+    isDragging: l,
+    dragProps: c = {},
+    sortingDisabled: h,
+    onEdit: v,
+    ...u
+  }, k) => {
+    const b = (c || s) && !h, E = e === "conversionRecommended", m = E && !!a;
     let T = o;
-    w && (T = "Unoptimized - conversion recommended"), p && (T = "Unoptimized - queued for conversion");
-    let D = i;
-    return w && (D = o), /* @__PURE__ */ C(
-      Et,
+    E && (T = "Unoptimized - conversion recommended"), m && (T = "Unoptimized - queued for conversion");
+    let j = i;
+    return E && (j = o), /* @__PURE__ */ N(
+      Nt,
       {
         id: r,
-        ref: E,
+        ref: k,
         className: z({
-          draggable: f,
-          "drop-placeholder": b,
+          draggable: b,
+          "drop-placeholder": f,
           "drag-overlay": s,
-          dragging: c,
+          dragging: l,
           // is anything dragging
           selected: y,
-          editable: !!h
+          editable: !!v
         }),
-        ...m,
+        ...u,
         children: [
           /* @__PURE__ */ g(
-            Ft,
+            Mt,
             {
               src: `/api/projects/${t}/files/${r}/thumbnail`,
               mimetype: n
             }
           ),
-          /* @__PURE__ */ C(St, { children: [
-            /* @__PURE__ */ C(Tt, { children: [
-              /* @__PURE__ */ g("h4", { children: D }),
-              !!h && /* @__PURE__ */ g(Dt, { icon: "edit", variant: "text", className: "edit", onClick: h })
+          /* @__PURE__ */ N($t, { children: [
+            /* @__PURE__ */ N(Rt, { children: [
+              /* @__PURE__ */ g("h4", { children: j }),
+              !!v && /* @__PURE__ */ g(zt, { icon: "edit", variant: "text", className: "edit", onClick: v })
             ] }),
             /* @__PURE__ */ g("span", { className: "name", children: T })
           ] }),
-          f && /* @__PURE__ */ g(jt, { className: "handle", ...l, icon: "drag_indicator" })
+          b && /* @__PURE__ */ g(Ut, { className: "handle", ...c, icon: "drag_indicator" })
         ]
       }
     );
   }
-), Ct = ie`
+), Lt = se`
   from {
     transform: rotate(360deg);
   }
@@ -1417,7 +1441,7 @@ const Z = [], Ze = (e) => {
     transform: rotate(0deg);
   }
 
-`, At = d.div`
+`, Pt = d.div`
   position: relative;
   width: 100%;
   min-height: 50px;
@@ -1483,13 +1507,13 @@ const Z = [], Ze = (e) => {
   & > * {
     z-index: 10;
   }
-`, Nt = d.div`
+`, Wt = d.div`
   position: absolute;
   inset: 0;
   background-color: var(--md-sys-color-primary-container);
   z-index: 0;
   transition: right 0.2s;
-`, $t = d.div`
+`, Ot = d.div`
   position: relative;
   width: 71px;
   height: 40px;
@@ -1508,7 +1532,7 @@ const Z = [], Ze = (e) => {
 
     &.spinning {
       /* spin animation */
-      animation: ${Ct} 1s infinite linear;
+      animation: ${Lt} 1s infinite linear;
     }
   }
 
@@ -1520,7 +1544,7 @@ const Z = [], Ze = (e) => {
     object-fit: cover;
     opacity: 0.5;
   }
-`, ee = ({
+`, te = ({
   name: e,
   progress: t,
   size: r,
@@ -1529,54 +1553,54 @@ const Z = [], Ze = (e) => {
   src: a,
   error: n,
   tooltip: s,
-  onRemove: b,
+  onRemove: f,
   ...y
 }) => {
-  let c = "", l = !1, u = "";
+  let l = "", c = !1, h = "";
   switch (o) {
     case "processing":
-      c = "Transcoding", l = !0, u = "settings";
+      l = "Transcoding", c = !0, h = "settings";
       break;
     case "unsupported":
-      c = "Unsupported - conversion required", u = "visibility_off";
+      l = "Unsupported - conversion required", h = "visibility_off";
       break;
     case "upload":
-      c = "Uploading", l = !0, u = "sync";
+      l = "Uploading", c = !0, h = "sync";
       break;
     case "queued":
-      c = "Queued - waiting to be transcoded", u = "hourglass";
+      l = "Queued - waiting to be transcoded", h = "hourglass";
       break;
     case "waiting":
-      c = "Waiting for upload", u = "schedule";
+      l = "Waiting for upload", h = "schedule";
       break;
     case "importing":
-      c = "Importing", u = "upload_file";
+      l = "Importing", h = "upload_file";
       break;
     case "validating":
-      c = "Validating", u = "checklist";
+      l = "Validating", h = "checklist";
       break;
   }
-  n && (l = !1, u = "error");
-  const h = t !== void 0 ? `- ${t}%` : "";
-  return /* @__PURE__ */ C(
-    At,
+  n && (c = !1, h = "error");
+  const v = t !== void 0 ? `- ${t}%` : "";
+  return /* @__PURE__ */ N(
+    Pt,
     {
       className: z({ finished: t === 100, error: !!n, [o]: !0 }),
       id: i,
       ...y,
       children: [
-        /* @__PURE__ */ C($t, { children: [
+        /* @__PURE__ */ N(Ot, { children: [
           a && /* @__PURE__ */ g("img", { src: a }),
-          u && /* @__PURE__ */ g(R, { icon: u, className: z({ spinning: l }) })
+          h && /* @__PURE__ */ g(U, { icon: h, className: z({ spinning: c }) })
         ] }),
-        /* @__PURE__ */ C("span", { className: "content", children: [
+        /* @__PURE__ */ N("span", { className: "content", children: [
           /* @__PURE__ */ g("span", { className: "name", children: e }),
-          /* @__PURE__ */ g("span", { className: "message", children: n || `${c} ${h}` })
+          /* @__PURE__ */ g("span", { className: "message", children: n || `${l} ${v}` })
         ] }),
-        r && /* @__PURE__ */ g("span", { className: "size", children: Ce(r) }),
-        s && /* @__PURE__ */ g(R, { icon: "info", className: "info", "data-tooltip": s, "data-tooltip-as": "markdown" }),
-        (n || o === "waiting") && /* @__PURE__ */ g(L, { icon: "close", variant: "text", onClick: b }),
-        /* @__PURE__ */ g(Nt, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
+        r && /* @__PURE__ */ g("span", { className: "size", children: Me(r) }),
+        s && /* @__PURE__ */ g(U, { icon: "info", className: "info", "data-tooltip": s, "data-tooltip-as": "markdown" }),
+        (n || o === "waiting") && /* @__PURE__ */ g(P, { icon: "close", variant: "text", onClick: f }),
+        /* @__PURE__ */ g(Wt, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
       ]
     },
     e
@@ -1589,15 +1613,15 @@ d.div`
   min-height: 100%;
   padding-bottom: var(--padding-m);
 `;
-const qo = d.div`
+const sr = d.div`
   position: relative;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   width: 100%;
   min-height: 50px;
-`, Go = d.div`
+`, lr = d.div`
   word-break: break-all;
-`, zt = d.div`
+`, It = d.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -1614,7 +1638,7 @@ const qo = d.div`
   &.dragging {
     opacity: 0;
   }
-`, Ut = d.div`
+`, Vt = d.div`
   position: relative;
   min-height: 50px;
   display: flex;
@@ -1643,7 +1667,7 @@ const qo = d.div`
     opacity: 0;
     cursor: pointer;
   }
-`, Rt = d.div`
+`, Bt = d.div`
   position: absolute;
   inset: var(--padding-s);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -1665,7 +1689,7 @@ const qo = d.div`
   .icon {
     font-size: 32px;
   }
-`, te = (e) => {
+`, oe = (e) => {
   if (de.isAxiosError(e)) {
     const t = e.response?.data;
     if (typeof t == "string" && t)
@@ -1678,7 +1702,7 @@ const qo = d.div`
     return e.message || e.response?.statusText || "Unknown upload error";
   }
   return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown upload error";
-}, Lt = ({
+}, Ht = ({
   projectName: e,
   versionId: t,
   taskId: r,
@@ -1688,94 +1712,94 @@ const qo = d.div`
   onUpload: n,
   onProgress: s
 }) => {
-  const [b, y] = U({}), c = B(
-    (u) => {
-      t && y((h) => ({
-        ...h,
-        [t]: h[t]?.filter((m) => m.name !== u) || []
+  const [f, y] = M({}), l = B(
+    (h) => {
+      t && y((v) => ({
+        ...v,
+        [t]: v[t]?.filter((u) => u.name !== h) || []
       }));
     },
     [t]
   );
   return {
     handleFileUpload: B(
-      async (u, h) => {
-        const m = h || t;
-        if (!m || !e) return;
-        const E = Array.from(u), f = E.map((v) => ({
-          name: M(v.name),
-          size: v.size,
+      async (h, v) => {
+        const u = v || t;
+        if (!u || !e) return;
+        const k = Array.from(h), b = k.map((w) => ({
+          name: W(w.name),
+          size: w.size,
           progress: 0
-        })), w = [...b[m] || [], ...f];
-        y({ ...b, [m]: w });
-        const p = (v) => (S) => {
-          if (!m) return;
-          console.log(`Upload successful for ${v.name}`);
-          const A = S.data;
+        })), E = [...f[u] || [], ...b];
+        y({ ...f, [u]: E });
+        const m = (w) => (S) => {
+          if (!u) return;
+          console.log(`Upload successful for ${w.name}`);
+          const F = S.data;
           e && (a(
             // @ts-ignore
-            We.util.updateQueryData(
+            Qe.util.updateQueryData(
               "getReviewablesForVersion",
-              { projectName: e, versionId: m },
-              (F) => {
-                F.reviewables || (F.reviewables = []), F.reviewables.push(A);
+              { projectName: e, versionId: u },
+              (D) => {
+                D.reviewables || (D.reviewables = []), D.reviewables.push(F);
               }
             )
-          ), i && a(O.util.invalidateTags([{ type: "viewer", id: i }])), a(O.util.invalidateTags([{ type: "viewer", id: m }])), o && a(O.util.invalidateTags([{ type: "viewer", id: o }])), r && a(O.util.invalidateTags([{ type: "viewer", id: r }])), c(M(v.name)));
-        }, T = (v) => (S) => {
-          m && (console.error(`Upload failed for ${v.name}: ${S}`), y((A) => {
-            const N = (A[m] || []).map((j) => j.name !== M(v.name) ? j : {
-              ...j,
-              error: te(S)
+          ), i && a(I.util.invalidateTags([{ type: "viewer", id: i }])), a(I.util.invalidateTags([{ type: "viewer", id: u }])), o && a(I.util.invalidateTags([{ type: "viewer", id: o }])), r && a(I.util.invalidateTags([{ type: "viewer", id: r }])), l(W(w.name)));
+        }, T = (w) => (S) => {
+          u && (console.error(`Upload failed for ${w.name}: ${S}`), y((F) => {
+            const $ = (F[u] || []).map((C) => C.name !== W(w.name) ? C : {
+              ...C,
+              error: oe(S)
             });
             return {
-              ...A,
-              [m]: N
+              ...F,
+              [u]: $
             };
           }));
-        }, D = (v) => m ? (S) => y((A) => {
-          const N = (A[m] || []).map((x) => x.name !== M(v.name) ? x : {
+        }, j = (w) => u ? (S) => y((F) => {
+          const $ = (F[u] || []).map((x) => x.name !== W(w.name) ? x : {
             ...x,
             progress: S.total ? Math.round(S.loaded / S.total * 100) : 0
-          }), j = N.reduce(
-            (x, k) => x + (k.progress || 0),
+          }), C = $.reduce(
+            (x, p) => x + (p.progress || 0),
             0
-          ), $ = Math.round(j / N.length);
-          return s?.($), {
-            ...A,
-            [m]: N
+          ), R = Math.round(C / $.length);
+          return s?.(R), {
+            ...F,
+            [u]: $
           };
         }) : () => {
         };
         try {
-          const v = E.map((S) => {
-            const A = M(S.name), F = A.split(".").slice(0, -1).join(".") || "unnamed", N = `/api/projects/${e}/versions/${m}/reviewables?label=${F}`, j = { "content-type": S.type, "x-file-name": A };
-            return de.post(N, S, { headers: j, onUploadProgress: D(S) }).then(p(S)).catch(($) => {
-              throw T(S)($), $;
+          const w = k.map((S) => {
+            const F = W(S.name), D = F.split(".").slice(0, -1).join(".") || "unnamed", $ = `/api/projects/${e}/versions/${u}/reviewables?label=${D}`, C = { "content-type": S.type, "x-file-name": F };
+            return de.post($, S, { headers: C, onUploadProgress: j(S) }).then(m(S)).catch((R) => {
+              throw T(S)(R), R;
             });
           });
-          await Promise.all(v), n && n();
-        } catch (v) {
-          throw console.error(v), H.error(`Failed to upload file/s: ${te(v)}`), v;
+          await Promise.all(w), n && n();
+        } catch (w) {
+          throw console.error(w), Q.error(`Failed to upload file/s: ${oe(w)}`), w;
         }
       },
       [
         t,
         e,
-        b,
+        f,
         a,
         i,
         o,
         r,
-        c,
+        l,
         n,
         s
       ]
     ),
-    handleRemoveUpload: c,
-    uploading: b
+    handleRemoveUpload: l,
+    uploading: f
   };
-}, Ko = ({
+}, cr = ({
   projectName: e,
   taskId: t,
   folderId: r,
@@ -1784,82 +1808,82 @@ const qo = d.div`
   onUpload: a,
   onFilesAdded: n,
   children: s,
-  dispatch: b,
+  dispatch: f,
   variant: y = "normal",
-  pendingFiles: c = [],
-  setPendingFiles: l,
-  className: u,
-  readOnly: h = !1,
-  pt: m,
-  ...E
+  pendingFiles: l = [],
+  setPendingFiles: c,
+  className: h,
+  readOnly: v = !1,
+  pt: u,
+  ...k
 }) => {
-  const [f, w] = U(!1), {
-    handleFileUpload: p,
+  const [b, E] = M(!1), {
+    handleFileUpload: m,
     handleRemoveUpload: T,
-    uploading: D
-  } = Lt({
+    uploading: j
+  } = Ht({
     projectName: e,
     versionId: o,
     taskId: t,
     folderId: r,
     productId: i,
-    dispatch: b,
+    dispatch: f,
     onUpload: a
-  }), v = !!o;
-  W(() => {
-    if (v && o && c.length > 0 && l) {
-      const x = c.map((k) => k.file);
-      c.forEach((k) => {
-        k.preview && URL.revokeObjectURL(k.preview);
-      }), l([]), p(x);
+  }), w = !!o;
+  O(() => {
+    if (w && o && l.length > 0 && c) {
+      const x = l.map((p) => p.file);
+      l.forEach((p) => {
+        p.preview && URL.revokeObjectURL(p.preview);
+      }), c([]), m(x);
     }
-  }, [v, o, c.length, p, l]);
-  const S = (x) => x.type.startsWith("image/"), A = (x) => x.map((k) => ({
-    file: k,
-    preview: S(k) ? URL.createObjectURL(k) : void 0
-  })), F = async (x) => {
-    const k = Array.from(x);
-    if (n?.(k), !v || !o) {
-      l && l((V) => [...V, ...A(k)]);
+  }, [w, o, l.length, m, c]);
+  const S = (x) => x.type.startsWith("image/"), F = (x) => x.map((p) => ({
+    file: p,
+    preview: S(p) ? URL.createObjectURL(p) : void 0
+  })), D = async (x) => {
+    const p = Array.from(x);
+    if (n?.(p), !w || !o) {
+      c && c((A) => [...A, ...F(p)]);
       return;
     }
-    await p(x);
-  }, N = (x) => {
-    const k = x.target.files;
-    k && F(k);
-  }, j = (x) => {
-    x.preventDefault(), w(!1);
-    const k = x.dataTransfer.files;
-    k && F(k);
-  }, $ = y === "large" ? { minWidth: "360px", maxWidth: "480px", alignSelf: "center" } : {};
-  return /* @__PURE__ */ C(q, { children: [
+    await m(x);
+  }, $ = (x) => {
+    const p = x.target.files;
+    p && D(p);
+  }, C = (x) => {
+    x.preventDefault(), E(!1);
+    const p = x.dataTransfer.files;
+    p && D(p);
+  }, R = y === "large" ? { minWidth: "360px", maxWidth: "480px", alignSelf: "center" } : {};
+  return /* @__PURE__ */ N(G, { children: [
     /* @__PURE__ */ g(
-      zt,
+      It,
       {
-        className: z(u, y, { dragging: f }),
-        ...E,
-        onDragEnter: () => !h && w(!0),
+        className: z(h, y, { dragging: b }),
+        ...k,
+        onDragEnter: () => !v && E(!0),
         onDragOver: (x) => x.preventDefault(),
         onDrop: (x) => {
-          h && (x.preventDefault(), x.stopPropagation());
+          v && (x.preventDefault(), x.stopPropagation());
         },
-        children: /* @__PURE__ */ C(q, { children: [
+        children: /* @__PURE__ */ N(G, { children: [
           s,
-          !v && c?.map((x) => /* @__PURE__ */ g(
-            ee,
+          !w && l?.map((x) => /* @__PURE__ */ g(
+            te,
             {
               name: x.file.name,
               size: x.file.size,
               src: x.preview,
               type: "waiting",
               onRemove: () => {
-                l && l((k) => k.filter((V) => V.file.name !== x.file.name));
+                c && c((p) => p.filter((A) => A.file.name !== x.file.name));
               }
             },
             x.file.name
           )),
-          o && D[o]?.map((x) => /* @__PURE__ */ g(
-            ee,
+          o && j[o]?.map((x) => /* @__PURE__ */ g(
+            te,
             {
               ...x,
               type: "upload",
@@ -1867,37 +1891,37 @@ const qo = d.div`
             },
             x.name
           )),
-          !h && /* @__PURE__ */ C(
-            Ut,
+          !v && /* @__PURE__ */ N(
+            Vt,
             {
               id: "upload",
               className: z("upload", y),
-              style: $,
-              ...m?.upload,
+              style: R,
+              ...u?.upload,
               children: [
                 /* @__PURE__ */ g("span", { children: "Drop or click to upload" }),
-                /* @__PURE__ */ g("input", { type: "file", multiple: !0, onChange: N })
+                /* @__PURE__ */ g("input", { type: "file", multiple: !0, onChange: $ })
               ]
             }
           )
         ] })
       }
     ),
-    f && !h && /* @__PURE__ */ C(
-      Rt,
+    b && !v && /* @__PURE__ */ N(
+      Bt,
       {
         onDragOver: (x) => x.preventDefault(),
-        onDragLeave: () => w(!1),
-        onDrop: j,
-        ...m?.dropzone,
+        onDragLeave: () => E(!1),
+        onDrop: C,
+        ...u?.dropzone,
         children: [
-          /* @__PURE__ */ g(R, { icon: "upload" }),
+          /* @__PURE__ */ g(U, { icon: "upload" }),
           /* @__PURE__ */ g("span", { children: "Upload reviewable" })
         ]
       }
     )
   ] });
-}, Zo = d.div`
+}, dr = d.div`
   position: relative;
   border-radius: var(--border-radius-m);
   display: flex;
@@ -1912,9 +1936,9 @@ const qo = d.div`
   }
 
   flex: 1;
-`, Jo = d.div`
+`, pr = d.div`
   position: relative;
-`, Xo = d.span`
+`, ur = d.span`
   position: relative;
   padding: 0px 2px;
   border-radius: var(--border-radius-m);
@@ -1936,29 +1960,29 @@ const qo = d.div`
       color: var(--md-sys-color-on-surface);
     }
   }
-`, Yo = d.span`
+`, mr = d.span`
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
   white-space: nowrap;
-`, oe = se`
+`, re = le`
   background-color: var(--md-sys-color-surface-container);
   &,
   .icon {
     color: var(--md-sys-color-on-surface);
   }
-`, Mt = d.div`
+`, Qt = d.div`
   & > span,
   & > li {
     cursor: pointer;
     &:hover {
-      ${oe}
+      ${re}
     }
   }
 
   &.open {
     & > span {
-      ${oe}
+      ${re}
     }
   }
 
@@ -1970,7 +1994,7 @@ const qo = d.div`
       }
     }
   }
-`, er = d.div`
+`, gr = d.div`
   position: absolute;
   top: 100%;
   left: 0px;
@@ -1979,7 +2003,7 @@ const qo = d.div`
 
   z-index: 200;
   padding-top: 4px;
-`, tr = d.ul`
+`, hr = d.ul`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -1994,46 +2018,46 @@ const qo = d.div`
 
   max-height: 500px;
   overflow: auto;
-`, or = d.li`
+`, fr = d.li`
   padding: var(--base-gap-small);
   border-radius: var(--border-radius-m);
   color: var(--md-sys-color-on-surface);
   min-width: max-content;
   width: 100%;
-`, rr = Q(
+`, vr = H(
   ({ children: e, segment: t, isOpen: r, scope: o, projectName: i, ...a }, n) => {
-    const { openSlideOut: s } = ce(), b = t?.type !== "product" && t?.type !== "project", y = () => {
-      if (!b) return;
-      const { type: h, id: m } = t || {};
-      !h || h === "project" || h === "product" || !m || s({
-        entityType: h,
-        entityId: m,
+    const { openSlideOut: s } = q(), f = t?.type !== "product" && t?.type !== "project", y = () => {
+      if (!f) return;
+      const { type: v, id: u } = t || {};
+      !v || v === "project" || v === "product" || !u || s({
+        entityType: v,
+        entityId: u,
         projectName: i
       });
-    }, c = (h) => [
+    }, l = (v) => [
       {
-        label: `ID: ${h}`,
+        label: `ID: ${v}`,
         icon: "content_copy",
-        command: () => _(h)
+        command: () => _(v)
       }
-    ], [l] = Qe();
+    ], [c] = ot();
     return /* @__PURE__ */ g(
-      Mt,
+      Qt,
       {
         onClick: y,
-        onContextMenu: (h) => {
+        onContextMenu: (v) => {
           if (!t) return;
-          const m = c(t.id);
-          l(h, m);
+          const u = l(t.id);
+          c(v, u);
         },
-        className: Ge({ link: b, open: r }),
+        className: tt({ link: f, open: r }),
         ...a,
         ref: n,
         children: e
       }
     );
   }
-), Pt = d.div`
+), _t = d.div`
   position: relative;
   width: 100%;
   height: 52px;
@@ -2123,7 +2147,7 @@ const qo = d.div`
     border: none;
     border-color: transparent;
   }
-`, Wt = d.img`
+`, qt = d.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -2135,7 +2159,7 @@ const qo = d.div`
   inset: 0;
 
   transition: scale 0.2s, opacity 0.2s;
-`, Ot = ({
+`, Gt = ({
   projectName: e = "",
   entityType: t = "",
   entityId: r = "",
@@ -2144,54 +2168,54 @@ const qo = d.div`
   thumbnailHash: a,
   isLoading: n,
   shimmer: s,
-  className: b,
+  className: f,
   disabled: y,
-  src: c,
-  hoverIcon: l,
-  showBorder: u = !0,
-  ...h
+  src: l,
+  hoverIcon: c,
+  showBorder: h = !0,
+  ...v
 }) => {
-  const m = t === "project", E = ["product"].includes(t), f = m ? !!e : !!r;
-  let w = "";
-  t && (a || m) && f && (c ? w = c : w = Ke({ projectName: e, entityType: t, entityId: r, thumbnailHash: a }) ?? "");
-  const [p, T] = U(!1), [D, v] = U(!1);
-  return W(() => {
-    if (w === "") {
-      v(!0), T(!0);
+  const u = t === "project", k = ["product"].includes(t), b = u ? !!e : !!r;
+  let E = "";
+  t && (a || u) && b && (l ? E = l : E = rt({ projectName: e, entityType: t, entityId: r, thumbnailHash: a }) ?? "");
+  const [m, T] = M(!1), [j, w] = M(!1);
+  return O(() => {
+    if (E === "") {
+      w(!0), T(!0);
       return;
     }
-    v(!1), T(!1);
-  }, [w]), /* @__PURE__ */ C(
-    Pt,
+    w(!1), T(!1);
+  }, [E]), /* @__PURE__ */ N(
+    _t,
     {
-      className: z(b, "thumbnail", {
-        loading: s && (n || !D),
-        loaded: D,
-        error: p,
-        clickable: !!h.onClick,
-        border: u
+      className: z(f, "thumbnail", {
+        loading: s && (n || !j),
+        loaded: j,
+        error: m,
+        clickable: !!v.onClick,
+        border: h
       }),
-      ...h,
+      ...v,
       children: [
-        (!n || !D) && !y && /* @__PURE__ */ g(R, { style: { color: i || void 0 }, icon: o || "image", className: "type-icon" }),
-        t && e && !E && f && /* @__PURE__ */ g(
-          Wt,
+        (!n || !j) && !y && /* @__PURE__ */ g(U, { style: { color: i || void 0 }, icon: o || "image", className: "type-icon" }),
+        t && e && !k && b && /* @__PURE__ */ g(
+          qt,
           {
             alt: `Entity thumbnail ${r || e}`,
-            src: w,
+            src: E,
             onLoad: () => {
-              v(!0), T(!1);
+              w(!0), T(!1);
             },
             onError: () => {
-              v(!0), T(!0);
+              w(!0), T(!0);
             }
           }
         ),
-        l && /* @__PURE__ */ g(R, { icon: l, className: "hover-icon" })
+        c && /* @__PURE__ */ g(U, { icon: c, className: "hover-icon" })
       ]
     }
   );
-}, It = d.div`
+}, Kt = d.div`
   display: flex;
   z-index: 10;
   height: 100%;
@@ -2212,7 +2236,7 @@ const qo = d.div`
         font-size: 24px;
       }
 
-      ${({ $length: e }) => e > 1 && se`
+      ${({ $length: e }) => e > 1 && le`
           :not(:last-child) {
             box-shadow: 0 0 4px 0px black;
           }
@@ -2228,75 +2252,76 @@ const qo = d.div`
       object-fit: cover;
     }
   }
-`, ar = ({
+`, yr = ({
   thumbnails: e = [],
   isLoading: t,
   className: r,
   style: o,
   ...i
 }) => {
-  const { onContextMenu: a } = ke(Ve);
+  const { onContextMenu: a } = ye(Ye);
   e = e.slice(0, 5);
   const n = e.length > 1;
   return e.length ? /* @__PURE__ */ g(
-    It,
+    Kt,
     {
       $length: e.length,
       className: z("stacked-thumbnails", r, { stacking: n }),
       children: e.map(
-        (s, b) => s ? /* @__PURE__ */ g(
-          Ot,
+        (s, f) => s ? /* @__PURE__ */ g(
+          Gt,
           {
             projectName: s.projectName,
             entityType: s.type,
             entityId: s.id,
             icon: s.icon,
             color: s.color,
-            style: { ...o, zIndex: -b },
+            style: { ...o, zIndex: -f },
             thumbnailHash: s.thumbnailHash,
             isLoading: t,
             src: s.src,
             onContextMenu: a,
             ...i
           },
-          s.id || s.src || b
+          s.id || s.src || f
         ) : null
       )
     }
   ) : null;
-}, nr = Q(
+}, br = H(
   ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...i }, a) => {
-    const n = e.map((l) => ({
-      entityId: l.id,
+    const n = e.map((c) => ({
+      entityId: c.id,
       entityType: t,
-      projectName: l.projectName
-    })), { data: s = [] } = Oe(
+      projectName: c.projectName
+    })), { data: s = [] } = _e(
       {
         entities: n
       },
       { skip: !e.length }
-    ), b = Array.from(new Set(s.flatMap((l) => l.watchers))), [y] = Ie();
+    ), f = Array.from(new Set(s.flatMap((c) => c.watchers))), [y] = qe(), l = async (c) => {
+      const h = c.filter((k) => !f.includes(k)), v = f.filter((k) => !c.includes(k)), u = s.map((k) => {
+        const b = k.watchers.filter((E) => !v.includes(E));
+        return b.push(...h), {
+          ...k,
+          watchers: b
+        };
+      });
+      try {
+        await y({ entities: u }).unwrap(), r && r(h, v);
+      } catch {
+        Q.error("Failed to update watchers");
+      }
+    };
     return /* @__PURE__ */ g(
-      Ae,
+      Ue,
       {
         align: "right",
         ...i,
-        value: b,
+        options: Fe(i.options, f),
+        value: f,
         currentUser: o,
-        onChange: async (l) => {
-          const u = l.filter((E) => !b.includes(E)), h = b.filter((E) => !l.includes(E)), m = s.map((E) => {
-            const f = E.watchers.filter((w) => !h.includes(w));
-            return f.push(...u), {
-              ...E,
-              watchers: f
-            };
-          });
-          try {
-            await y({ entities: m }).unwrap(), r && r(u, h);
-          } catch {
-            H.error("Failed to update watchers");
-          }
-        },
+        onChange: l,
         ref: a,
         buttonProps: { "data-tooltip": "Watchers" }
       }
@@ -2304,52 +2329,52 @@ const qo = d.div`
   }
 );
 export {
-  Ao as A,
-  Mo as B,
-  Bo as C,
-  Vo as D,
-  Ro as E,
-  Yo as F,
-  Fo as G,
-  Do as H,
-  Lo as I,
-  Po as J,
-  jo as K,
-  qo as L,
-  er as M,
-  zo as N,
-  Wo as O,
-  _o as P,
-  Uo as Q,
-  Qo as R,
-  Xo as S,
-  No as T,
-  Ho as U,
-  nr as W,
-  rt as a,
-  Eo as b,
-  nt as c,
-  it as d,
-  Go as e,
-  So as f,
-  Ko as g,
-  ee as h,
-  Lt as i,
-  Oo as j,
-  Io as k,
-  Zo as l,
-  tr as m,
-  rr as n,
-  or as o,
-  Jo as p,
-  gt as q,
-  ft as r,
-  To as s,
+  Ho as A,
+  Zo as B,
+  rr as C,
+  or as D,
+  Ko as E,
+  mr as F,
+  Io as G,
+  Oo as H,
+  Yo as I,
+  Jo as J,
+  Vo as K,
+  sr as L,
+  gr as M,
+  qo as N,
+  Xo as O,
+  nr as P,
+  Go as Q,
+  ir as R,
+  ur as S,
+  Qo as T,
+  ar as U,
+  br as W,
+  pt as a,
+  Lo as b,
+  mt as c,
+  gt as d,
+  lr as e,
+  Po as f,
+  cr as g,
+  te as h,
+  Ht as i,
+  er as j,
+  tr as k,
+  dr as l,
+  hr as m,
+  vr as n,
+  fr as o,
+  pr as p,
+  kt as q,
+  Tt as r,
+  Wo as s,
   pe as t,
-  Xe as u,
-  kt as v,
-  ar as w,
-  Ot as x,
-  Co as y,
-  $o as z
+  it as u,
+  At as v,
+  yr as w,
+  Gt as x,
+  Bo as y,
+  _o as z
 };