@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/chunks/Watchers.es.js

@@ -1,29 +1,24 @@
-import { jsx as g, jsxs as A, Fragment as G } from "react/jsx-runtime";
+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 Q } from "react-toastify";
 import { c as _ } from "./copyToClipboard.es.js";
 import "uuid";
-import { aw as ne, aY as xe, bj as ie, a$ as we, b0 as ke, b1 as Ee, bg as Te, bn as Se, bu as De, bi as je, a as I } from "./searchTerms.es.js";
+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 V, Button as P, StatusSelect as Fe, AssigneeSelect as Ce, TagsSelect as Ne, EnumDropdown as Ae, Icon as U, getMimeTypeIcon as $e, theme as Re, getFileSizeString as ze, WatcherSelect as Me } from "@ynput/ayon-react-components";
-import { j as Ue, M as Le, T as Pe, i as We, B as Oe, D as Ie } 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 { df as Ve, c6 as ce, bf as Be, an as He, bu as Qe, d3 as _e } 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 "./MenuContext.es.js";
-import { T as qe } from "./DeleteEntitiesContext.es.js";
+import "./ContextMenuContextInstance.es.js";
 import "react-dom";
-import { u as Ge } from "./GlobalContext.es.js";
-import { a as Ke } from "./ProjectContext.es.js";
-import "./ProjectFoldersContextInstance.es.js";
 import "react-redux";
-import "./ViewsContext.es.js";
-import { format as Ye } from "date-fns";
+import { format as Ze } from "date-fns";
 import "lexical";
 import "@lexical/markdown";
 import "@lexical/react/LexicalBlockWithAlignableContents";
@@ -36,15 +31,14 @@ import "@lexical/selection";
 import "@lexical/utils";
 import "react-router-dom";
 import "@tanstack/react-table";
-import { a as Ze } from "./useCreateContextMenu.es.js";
 import { g as Je, h as Y } from "./humanizeFieldName.es.js";
-import { u as q } from "./DetailsPanelContext.es.js";
-import { b as Xe, A as et } from "./ThumbnailSimple.es.js";
+import { a as Xe, A as et } from "./ThumbnailSimple.es.js";
 import de from "axios";
 import { p as W } from "./parseFilename.es.js";
 import { classNames as tt } from "primereact/utils";
-import { g as ot } from "./getThumbnailUrl.es.js";
-const Z = [], rt = (e) => {
+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(
     () => ({
@@ -54,7 +48,7 @@ const Z = [], rt = (e) => {
     }),
     [t, r, e]
   );
-}, Vo = () => {
+}, Lo = () => {
   const [e] = we(), [t] = ke();
   return B(
     async (r, o) => {
@@ -68,12 +62,12 @@ const Z = [], rt = (e) => {
         if (n.error) throw new Error(n.error);
         return ie(n.items);
       } catch (n) {
-        throw at(n);
+        throw nt(n);
       }
     },
     [e, t]
   );
-}, at = (e) => {
+}, nt = (e) => {
   if (e instanceof Error) return e;
   const {
     message: t,
@@ -82,27 +76,27 @@ const Z = [], rt = (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");
-}, nt = (e, { projectName: t, skip: r } = {}) => {
-  const o = e?.enumResolver, { acceptedParams: i, isRegistryLoaded: a } = rt(o), n = L(
+}, 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: v,
+    isFetching: f,
     isError: y
   } = 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 = L(() => o ? s ? ie(s.items) : Z : e?.enum || Z, [o, s, e?.enum]), l = !!o && !v && (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 || v && !s),
-    isError: l,
-    errorMessage: l ? s?.error : void 0
+    isLoading: !!o && !r && (!a || f && !s),
+    isError: c,
+    errorMessage: c ? s?.error : void 0
   };
-}, it = [
+}, st = [
   "id",
   "name",
   "label",
@@ -124,7 +118,7 @@ const Z = [], rt = (e) => {
   "path",
   "createdAt",
   "updatedAt"
-], st = [
+], lt = [
   "name",
   "label",
   "taskType",
@@ -132,11 +126,11 @@ const Z = [], rt = (e) => {
   "productType",
   "tags",
   "status"
-], lt = (e, t) => {
+], ct = (e, t) => {
   const [r, o] = M([]), [i, a] = M(null), n = () => {
-    const y = {}, c = /* @__PURE__ */ new Set();
+    const y = {}, l = /* @__PURE__ */ new Set();
     e.forEach((h) => {
-      const f = {
+      const v = {
         id: h.id,
         name: h.name,
         label: h.label,
@@ -152,8 +146,8 @@ const Z = [], rt = (e) => {
         taskType: h.task?.taskType,
         description: h.attrib?.description?.toString() ?? ""
       };
-      Object.keys(f).forEach((u) => {
-        it.includes(u) && (y[u] = y[u] || [], y[u].push(f[u]));
+      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}`;
@@ -161,28 +155,28 @@ const Z = [], rt = (e) => {
         }
       });
     });
-    const l = Object.entries(y).reduce((h, [f, u]) => {
+    const c = Object.entries(y).reduce((h, [v, u]) => {
       const { value: k, isMixed: b } = Je(u);
-      return h[f] = k, b && c.add(f), h;
+      return h[v] = k, b && l.add(v), h;
     }, {});
-    a(l), o(Array.from(c));
+    a(c), o(Array.from(l));
   };
   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));
     }
   };
-}, ct = ({
+}, dt = ({
   attributes: e,
   folderTypes: t,
   taskTypes: r,
@@ -192,7 +186,7 @@ const Z = [], rt = (e) => {
   folderHasVersions: n
 }) => {
   const s = L(() => {
-    const l = [
+    const c = [
       {
         name: "name",
         data: {
@@ -273,10 +267,10 @@ const Z = [], rt = (e) => {
         }
       } : m
     ), h = a === "version" ? [
-      ...l.map(
+      ...c.map(
         (m) => ["tags", "status"].includes(m.name) ? m : { ...m, readonly: !0 }
       )
-    ] : l, f = a ? e.filter((m) => m.scope?.includes(a) && m.name !== "description").map((m) => ({
+    ] : 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 } : {}
@@ -287,38 +281,38 @@ const Z = [], rt = (e) => {
         type: "string",
         title: be(m)
       }
-    })), k = [...h, ...f, ...u], b = ["path", "name"];
+    })), 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]), v = s.filter(
-    (c) => st.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: v,
+    editableFields: f,
     readOnlyFieldsData: y
   };
-}, dt = ({ entities: e, entityType: t }) => {
-  const [r] = Ve(), { onUpdateEntity: o } = q();
+}, 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((v) => ({
-        id: v.id,
-        projectName: v.projectName,
+      const s = e.map((f) => ({
+        id: f.id,
+        projectName: f.projectName,
         data: {
           [a]: n
         },
-        currentAssignees: v.users,
+        currentAssignees: f.users,
         meta: {
-          folderId: v.folderId
+          folderId: f.folderId
         }
       }));
       await r({ operations: s, entityType: t }), o?.({ operations: s, entityType: t });
@@ -326,8 +320,8 @@ const Z = [], rt = (e) => {
       Q.error(`Error updating ${t}`);
     }
   } };
-}, pt = ({ entities: e, entityType: t }) => {
-  const { updateEntity: o } = dt({
+}, ut = ({ entities: e, entityType: t }) => {
+  const { updateEntity: o } = pt({
     entities: e.map((i) => ({
       id: i.id,
       projectName: i.projectName || "",
@@ -340,7 +334,7 @@ const Z = [], rt = (e) => {
     enableEditing: !0,
     updateEntity: o
   };
-}, ut = (e, t) => {
+}, mt = (e, t) => {
   const r = ce({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
@@ -356,12 +350,12 @@ const Z = [], rt = (e) => {
     o = ae(o, a, "name");
   }
   return o;
-}, Bo = (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))
   );
-}, mt = (e, t) => {
+}, gt = (e, t) => {
   const r = ce({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
@@ -375,7 +369,7 @@ const Z = [], rt = (e) => {
     o = ae(o, a, "name");
   }
   return o || [];
-}, gt = d.div`
+}, ht = d.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -385,7 +379,7 @@ const Z = [], rt = (e) => {
   input {
     text-align: left;
   }
-`, ht = d(Ue)`
+`, ft = d(Le)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -395,7 +389,7 @@ const Z = [], rt = (e) => {
   &:hover {
     background-color: unset;
   }
-`, ft = ({
+`, vt = ({
   field: e,
   value: t,
   isEditing: r,
@@ -404,32 +398,32 @@ const Z = [], rt = (e) => {
   onChange: a,
   onCancelEdit: n,
   onExpand: s,
-  entities: v = [],
+  entities: f = [],
   entityType: y = "task",
-  projectName: c
+  projectName: l
 }) => {
-  const { type: l, widget: h } = e.data, f = {
+  const { type: c, widget: h } = e.data, v = {
     isEditing: r && !o,
     isReadOnly: o,
     isInherited: !1,
     onChange: (C) => a(e.name, C)
-  }, u = v.map((C) => C.projectName), k = ut(u, [y]), b = mt(u, y), E = c || u[0], {
+  }, u = f.map((C) => C.projectName), k = mt(u, [y]), b = gt(u, y), E = l || u[0], {
     options: m,
     isLoading: T,
     isError: j,
     errorMessage: w
-  } = nt(e.data, { projectName: E }), S = j ? je(w) : void 0, F = e.name === "attrib.endDate" && v.length > 0 && v.every((C) => C.data?.schedulerSyncData?.allDay === !0);
+  } = 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(Oe, { value: !!D, ...f, 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(
-        We,
+        Oe,
         {
           value: D,
-          ...f,
+          ...v,
           isEditing: !0,
           onCancelEdit: n,
           style: { width: "fit-content" },
@@ -438,7 +432,7 @@ const Z = [], rt = (e) => {
         }
       );
     case Te(e.data): {
-      const C = l?.includes("list");
+      const C = c?.includes("list");
       let R = [];
       C ? R = Array.isArray(D) ? D : [] : i ? R = [] : R = [D];
       let x = m.map((p) => ({
@@ -449,12 +443,12 @@ const Z = [], rt = (e) => {
         group: p.group,
         hidden: p.hidden
       }));
-      return e.name === "status" && v.length > 0 && k && k.length > 0 && (x = k.map((p) => ({
+      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" && v.length > 0 && b && b.length > 0 && (x = b.map((p) => ({
+      }))), e.name === "taskType" && f.length > 0 && b && b.length > 0 && (x = b.map((p) => ({
         value: p.name,
         label: p.name,
         icon: p.icon,
@@ -463,12 +457,12 @@ const Z = [], rt = (e) => {
         { value: "", label: `No ${e.data.title || e.name}` },
         ...x
       ]), /* @__PURE__ */ g(
-        ht,
+        ft,
         {
           "data-tooltip": S,
           value: R,
           options: x,
-          type: l,
+          type: c,
           pt: {
             template: {
               style: { height: 32 },
@@ -483,32 +477,32 @@ const Z = [], rt = (e) => {
           isLoadingOptions: T,
           search: e.enableSearch ?? x.length >= 5,
           sortBySelected: !x,
-          ...f
+          ...v
         }
       );
     }
-    case (l === "string" || l === "integer" || l === "float"):
+    case (c === "string" || c === "integer" || c === "float"):
     default:
       return h === "markdown" ? /* @__PURE__ */ g(
-        Le,
+        Pe,
         {
           value: D.toString(),
           onCancelEdit: n,
           onExpand: s,
           showExpand: !!s,
-          ...f
+          ...v
         }
-      ) : /* @__PURE__ */ g(gt, { children: /* @__PURE__ */ g(
-        Pe,
+      ) : /* @__PURE__ */ g(ht, { children: /* @__PURE__ */ g(
+        We,
         {
           value: D.toString(),
           onCancelEdit: n,
-          type: l,
-          ...f
+          type: c,
+          ...v
         }
       ) });
   }
-}, vt = d.div`
+}, yt = d.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
@@ -522,7 +516,7 @@ const Z = [], rt = (e) => {
 }) => {
   const i = t.title ? Y(t.title) : Y(e), a = r ? `${i} (${e}) ${t.description ? "-" : ""} ${t.description || ""}` : t.description || i;
   return /* @__PURE__ */ g(
-    vt,
+    yt,
     {
       "data-tooltip": r ? a : void 0,
       "data-tooltip-delay": 700,
@@ -564,7 +558,7 @@ const Z = [], rt = (e) => {
       margin-top: 6px;
     }
   }
-`, yt = d.div`
+`, bt = d.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -600,7 +594,7 @@ const Z = [], rt = (e) => {
   &.readonly {
     pointer-events: none;
   }
-`, bt = d.div`
+`, xt = d.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -610,7 +604,7 @@ const Z = [], rt = (e) => {
     height: 32px;
     padding: 2px;
   }
-`, xt = d(ue)`
+`, wt = d(ue)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -618,7 +612,7 @@ const Z = [], rt = (e) => {
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`, wt = ({
+`, kt = ({
   title: e,
   isLoading: t,
   form: r,
@@ -627,27 +621,27 @@ const Z = [], rt = (e) => {
   mixedFields: a,
   onChange: n,
   entities: s = [],
-  projectName: v,
+  projectName: f,
   entityType: y = "task"
 }) => {
-  const [c, l] = M(null), h = L(
+  const [l, c] = M(null), h = L(
     () => s.map((b) => b?.id).join("|"),
     [s]
   );
   O(() => {
-    l(null);
+    c(null);
   }, [h]);
-  const f = (b) => {
-    i && !o.find((E) => E.name === b)?.readonly ? l(b) : console.log("Editing not allowed:", {
+  const v = (b) => {
+    i && !o.find((E) => E.name === b)?.readonly ? c(b) : console.log("Editing not allowed:", {
       enableEditing: i,
       fieldReadonly: o.find((E) => E.name === b)?.readonly
     });
   }, u = (b, E) => {
-    l(null), n?.(b, E);
+    c(null), n?.(b, E);
   }, k = () => {
-    l(null);
+    c(null);
   };
-  return t ? /* @__PURE__ */ g(V, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((b, E) => /* @__PURE__ */ A(xt, { 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" })
   ] }, E)) }) : /* @__PURE__ */ g(
@@ -659,8 +653,8 @@ const Z = [], rt = (e) => {
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
       children: o.filter((b) => !b.hidden).map((b) => {
-        const E = r[b.name], m = c === b.name, T = b.readonly || !i, j = a?.includes(b.name) || !1;
-        return /* @__PURE__ */ A(
+        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": b.data.widget === "markdown" }),
@@ -675,17 +669,17 @@ const Z = [], rt = (e) => {
                 }
               ),
               /* @__PURE__ */ g(
-                yt,
+                bt,
                 {
                   className: z("field-value", {
                     editing: m,
                     readonly: T
                   }),
                   onClick: (w) => {
-                    w.target.closest("a") || (w.preventDefault(), !m && !T && b.data.type !== "boolean" && f(b.name));
+                    w.target.closest("a") || (w.preventDefault(), !m && !T && b.data.type !== "boolean" && v(b.name));
                   },
                   children: /* @__PURE__ */ g(
-                    ft,
+                    vt,
                     {
                       field: b,
                       value: E,
@@ -697,13 +691,13 @@ const Z = [], rt = (e) => {
                       onExpand: () => {
                       },
                       entities: s,
-                      projectName: v,
+                      projectName: f,
                       entityType: y
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ g(bt, { className: "field-tools", children: /* @__PURE__ */ g(
+              /* @__PURE__ */ g(xt, { className: "field-tools", children: /* @__PURE__ */ g(
                 P,
                 {
                   className: "tool",
@@ -744,7 +738,7 @@ const Z = [], rt = (e) => {
   &:hover .copy-icon {
     opacity: 1;
   }
-`, kt = d.div`
+`, Et = d.div`
   text-align: left;
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -770,7 +764,7 @@ const Z = [], rt = (e) => {
       opacity: 0.5;
     }
   }
-`, Et = ({
+`, Tt = ({
   fields: e,
   form: t,
   mixedFields: r = [],
@@ -781,28 +775,28 @@ const Z = [], rt = (e) => {
       return "-";
     if (n === "createdAt" || n === "updatedAt")
       try {
-        return Ye(new Date(a), "PPpp");
+        return Ze(new Date(a), "PPpp");
       } catch {
         return a.toString();
       }
     return a.toString();
   };
-  return o ? /* @__PURE__ */ g(V, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((a, n) => /* @__PURE__ */ A(X, { children: [
+  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(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), v = s ? "Multiple values" : i(n, a.name);
-    return /* @__PURE__ */ A(X, { children: [
+    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(
-        kt,
+        Et,
         {
           style: {
             color: s ? "var(--md-sys-color-on-surface-variant)" : "var(--md-sys-color-on-surface)",
             fontStyle: s ? "italic" : "normal"
           },
-          children: v
+          children: f
         }
       ),
       /* @__PURE__ */ g(
@@ -818,7 +812,7 @@ const Z = [], rt = (e) => {
       )
     ] }, a.name);
   }) });
-}, Tt = d.div`
+}, St = d.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -827,17 +821,17 @@ const Z = [], rt = (e) => {
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, Ho = ({ entities: e = [], isLoading: t }) => {
-  const { formData: r, mixedFields: o, updateFormData: i, clearMixedField: a } = lt(
+`, Wo = ({ entities: e = [], isLoading: t }) => {
+  const { formData: r, mixedFields: o, updateFormData: i, clearMixedField: a } = ct(
     e,
     t
   ), { attributes: n } = Ge(), {
     folderTypes: s = [],
-    taskTypes: v = [],
+    taskTypes: f = [],
     statuses: y = [],
-    tags: c = [],
-    productTypes: l
-  } = Ke(), { openSlideOut: h } = q(), [, f] = Xe(), u = (e || []).filter((p) => p.entityType === "folder"), { data: k } = Be(
+    tags: l = [],
+    productTypes: c
+  } = Ke(), { openSlideOut: h } = q(), [, v] = Xe(), u = (e || []).filter((p) => p.entityType === "folder"), { data: k } = He(
     {
       entityIds: u.map((p) => p.id),
       projectName: r?.projectName || "",
@@ -847,35 +841,35 @@ const Z = [], rt = (e) => {
     {
       skip: !r?.projectName || u.length === 0
     }
-  ), b = !!k?.pages?.[0]?.activities?.length, { editableFields: E, readOnlyFieldsData: m } = ct({
+  ), b = !!k?.pages?.[0]?.activities?.length, { editableFields: E, readOnlyFieldsData: m } = dt({
     attributes: n,
     folderTypes: s,
-    taskTypes: v,
+    taskTypes: f,
     statuses: y,
-    tags: c,
+    tags: l,
     entityType: r?.entityType,
     folderHasVersions: b
-  }), T = r?.entityType || "task", { enableEditing: j, updateEntity: w } = pt({
+  }), T = r?.entityType || "task", { enableEditing: j, updateEntity: w } = ut({
     entities: e,
     entityType: T
-  }), S = (p, N) => {
-    p === "tags" && (Array.isArray(N) || (N == null || N === "" ? N = [] : N = [String(N)])), p.startsWith("attrib.") && (N = {
-      [p.replace("attrib.", "")]: N
-    }, p = "attrib"), i(p, N), w(p, N);
+  }), 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: l, taskTypes: v } : void 0,
-    [F, T, D, l, v]
-  ), C = ({ type: p, id: N }) => {
-    p === "user" || p === "team" || !F || h({ entityId: N, entityType: p, projectName: F });
-  }, R = ({ type: p, id: N, label: me }, ge) => {
+    () => 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();
-    f({ id: N, name: N, type: p, label: me, pos: { left: he + ve / 2, top: fe } });
+    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__ */ A(Tt, { children: [
+  return /* @__PURE__ */ N(St, { children: [
     /* @__PURE__ */ g(
-      Ie,
+      Ve,
       {
         description: r?.description || "",
         isMixed: o.includes("description"),
@@ -889,7 +883,7 @@ const Z = [], rt = (e) => {
     ),
     /* @__PURE__ */ g(et, {}),
     /* @__PURE__ */ g(
-      wt,
+      kt,
       {
         fields: E,
         form: r || {},
@@ -902,7 +896,7 @@ const Z = [], rt = (e) => {
       }
     ),
     /* @__PURE__ */ g(
-      Et,
+      Tt,
       {
         fields: m,
         form: r || {},
@@ -911,9 +905,9 @@ const Z = [], rt = (e) => {
       }
     )
   ] });
-}, Qo = d.div`
+}, Oo = d.div`
   position: relative;
-`, _o = d.div`
+`, Io = d.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -945,13 +939,13 @@ const Z = [], rt = (e) => {
     /* align center */
     align-items: center;
   }
-`, qo = d(P)`
+`, Vo = d(P)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, Go = d.header`
+`, Bo = d.header`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -966,7 +960,7 @@ const Z = [], rt = (e) => {
       display: none;
     }
   }
-`, Ko = d.div`
+`, Ho = d.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -974,7 +968,7 @@ const Z = [], rt = (e) => {
   h2 {
     min-width: fit-content;
   }
-`, Yo = d.div`
+`, Qo = d.div`
   position: relative;
   height: 100%;
 
@@ -989,7 +983,7 @@ const Z = [], rt = (e) => {
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, Zo = d.div`
+`, _o = d.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1027,7 +1021,7 @@ const Z = [], rt = (e) => {
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Jo = d.div`
+`, qo = d.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1036,10 +1030,10 @@ const Z = [], rt = (e) => {
   label {
     color: var(--md-sys-color-outline);
   }
-`, Xo = d.div`
+`, Go = d.div`
   display: flex;
   flex-direction: column;
-`, er = d(Fe)`
+`, Ko = d(Ce)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -1050,11 +1044,11 @@ const Z = [], rt = (e) => {
     margin-bottom: 2px;
     color: ${(e) => e.$textColor};
   }
-`, tr = d(Ce)`
+`, Yo = d(Ae)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, or = d(Ne)`
+`, Zo = d(Ne)`
   height: 24px;
   .template-value {
     padding: 0 2px;
@@ -1068,7 +1062,7 @@ const Z = [], rt = (e) => {
       display: none;
     }
   }
-`, rr = d(Ae)`
+`, Jo = d($e)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -1092,12 +1086,12 @@ const Z = [], rt = (e) => {
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, ar = d.footer`
+`, Xo = d.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`, nr = d.div`
+`, er = d.div`
   height: 100%;
 
   > input[type='file'] {
@@ -1108,7 +1102,7 @@ const Z = [], rt = (e) => {
   input[type='file'] {
     display: none;
   }
-`, ir = d.div`
+`, tr = d.div`
   z-index: 100;
   position: absolute;
   inset: 0;
@@ -1120,7 +1114,7 @@ const Z = [], rt = (e) => {
   display: flex;
   align-items: center;
   justify-content: center;
-`, sr = d.div`
+`, or = d.div`
   flex: 1;
   height: 100%;
   border-radius: var(--border-radius-l);
@@ -1149,11 +1143,11 @@ const Z = [], rt = (e) => {
     /* show children */
     opacity: 1;
   }
-`, lr = d(P)`
+`, rr = d(P)`
   position: absolute;
   top: 4px;
   right: 4px;
-`, cr = d.div`
+`, ar = d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1166,7 +1160,7 @@ const Z = [], rt = (e) => {
     top: 12px;
     position: relative;
   }
-`, dr = d.div`
+`, nr = d.div`
   height: 8px;
   position: absolute;
   border-radius: 4px;
@@ -1175,14 +1169,14 @@ const Z = [], rt = (e) => {
   background-color: var(--md-sys-color-primary);
 
   transition: right 0.2s;
-`, St = se`
+`, Dt = se`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Dt = d.div`
+`, jt = d.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -1191,10 +1185,10 @@ const Z = [], rt = (e) => {
   overflow: hidden;
 
   background-color: var(--md-sys-color-surface-container-low);
-`, jt = d(U)`
-  animation: ${St} 1s linear infinite;
+`, Ft = d(U)`
+  animation: ${Dt} 1s linear infinite;
   opacity: 0.6;
-`, Ft = d.img`
+`, Ct = d.img`
   position: absolute;
   inset: 0;
   object-fit: cover;
@@ -1206,17 +1200,17 @@ const Z = [], rt = (e) => {
   &.hidden {
     opacity: 0;
   }
-`, Ct = ({ mimetype: e = "", src: t, ...r }) => {
-  const [o, i] = M(!1), [a, n] = M(!1), s = K(null), v = K(0);
+`, 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 = v.current + 1;
-    v.current = y, n(!1), i(!1);
-    const c = s.current;
-    let l = !1, h = 0, f = 0, u = 0;
+    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) => {
-      l || y !== v.current || (l = !0, cancelAnimationFrame(h), window.clearInterval(f), window.clearTimeout(u), T());
+      c || y !== f.current || (c = !0, cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(u), T());
     }, b = () => {
-      !c || y !== v.current || c.complete && c.naturalWidth > 0 && k(() => {
+      !l || y !== f.current || l.complete && l.naturalWidth > 0 && k(() => {
         n(!0), i(!1);
       });
     }, E = () => k(() => {
@@ -1224,23 +1218,23 @@ const Z = [], rt = (e) => {
     }), m = () => k(() => {
       n(!0), i(!0);
     });
-    return c && (c.addEventListener("load", E), c.addEventListener("error", m), typeof c.decode == "function" && c.decode().then(
+    return l && (l.addEventListener("load", E), l.addEventListener("error", m), typeof l.decode == "function" && l.decode().then(
       () => k(() => {
         n(!0), i(!1);
       })
     ).catch(() => {
       b();
-    })), h = requestAnimationFrame(b), f = window.setInterval(b, 250), u = window.setTimeout(() => {
+    })), h = requestAnimationFrame(b), v = window.setInterval(b, 250), u = window.setTimeout(() => {
       k(() => {
-        c && c.naturalWidth > 0 ? (n(!0), i(!1)) : n(!0);
+        l && l.naturalWidth > 0 ? (n(!0), i(!1)) : n(!0);
       });
     }, 1e4), () => {
-      cancelAnimationFrame(h), window.clearInterval(f), window.clearTimeout(u), c && (c.removeEventListener("load", E), c.removeEventListener("error", m));
+      cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(u), l && (l.removeEventListener("load", E), l.removeEventListener("error", m));
     };
-  }, [t]), /* @__PURE__ */ A(Dt, { ...r, className: z("file-thumbnail", r.className), children: [
-    a ? /* @__PURE__ */ g(U, { icon: $e(e) }) : /* @__PURE__ */ g(jt, { 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(
-      Ft,
+      Ct,
       {
         ref: s,
         src: t,
@@ -1322,7 +1316,7 @@ const Z = [], rt = (e) => {
       background-color: var(--md-sys-color-primary-container);
     }
   }
-`, At = d.div`
+`, $t = d.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1347,15 +1341,15 @@ const Z = [], rt = (e) => {
   .name {
     color: var(--md-sys-color-outline);
   }
-`, $t = d.div`
+`, Rt = d.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
 
   h4 {
-    ${Re.titleSmall}
+    ${ze.titleSmall}
   }
-`, Rt = d(P)`
+`, zt = d(P)`
   /* hidden by default and show on card hover */
   display: none;
   .icon {
@@ -1367,21 +1361,21 @@ const Z = [], rt = (e) => {
   }
 
   margin: -2px;
-`, zt = d(Ct)`
+`, Mt = d(At)`
   width: 71px;
   height: 40px;
 
   border-radius: var(--border-radius-m);
 
   object-fit: cover;
-`, Mt = d(U)`
+`, Ut = d(U)`
   font-size: 25px;
 
   cursor: grab;
 
   /* default hidden */
   opacity: 0;
-`, pr = H(
+`, ir = H(
   ({
     availability: e,
     projectName: t,
@@ -1391,54 +1385,54 @@ const Z = [], rt = (e) => {
     processing: a,
     mimetype: n,
     isDragOverlay: s,
-    isDropPlaceholder: v,
+    isDropPlaceholder: f,
     isSelected: y,
-    isDragging: c,
-    dragProps: l = {},
+    isDragging: l,
+    dragProps: c = {},
     sortingDisabled: h,
-    onEdit: f,
+    onEdit: v,
     ...u
   }, k) => {
-    const b = (l || s) && !h, E = e === "conversionRecommended", m = E && !!a;
+    const b = (c || s) && !h, E = e === "conversionRecommended", m = E && !!a;
     let T = o;
     E && (T = "Unoptimized - conversion recommended"), m && (T = "Unoptimized - queued for conversion");
     let j = i;
-    return E && (j = o), /* @__PURE__ */ A(
+    return E && (j = o), /* @__PURE__ */ N(
       Nt,
       {
         id: r,
         ref: k,
         className: z({
           draggable: b,
-          "drop-placeholder": v,
+          "drop-placeholder": f,
           "drag-overlay": s,
-          dragging: c,
+          dragging: l,
           // is anything dragging
           selected: y,
-          editable: !!f
+          editable: !!v
         }),
         ...u,
         children: [
           /* @__PURE__ */ g(
-            zt,
+            Mt,
             {
               src: `/api/projects/${t}/files/${r}/thumbnail`,
               mimetype: n
             }
           ),
-          /* @__PURE__ */ A(At, { children: [
-            /* @__PURE__ */ A($t, { children: [
+          /* @__PURE__ */ N($t, { children: [
+            /* @__PURE__ */ N(Rt, { children: [
               /* @__PURE__ */ g("h4", { children: j }),
-              !!f && /* @__PURE__ */ g(Rt, { icon: "edit", variant: "text", className: "edit", onClick: f })
+              !!v && /* @__PURE__ */ g(zt, { icon: "edit", variant: "text", className: "edit", onClick: v })
             ] }),
             /* @__PURE__ */ g("span", { className: "name", children: T })
           ] }),
-          b && /* @__PURE__ */ g(Mt, { className: "handle", ...l, icon: "drag_indicator" })
+          b && /* @__PURE__ */ g(Ut, { className: "handle", ...c, icon: "drag_indicator" })
         ]
       }
     );
   }
-), Ut = se`
+), Lt = se`
   from {
     transform: rotate(360deg);
   }
@@ -1447,7 +1441,7 @@ const Z = [], rt = (e) => {
     transform: rotate(0deg);
   }
 
-`, Lt = d.div`
+`, Pt = d.div`
   position: relative;
   width: 100%;
   min-height: 50px;
@@ -1513,13 +1507,13 @@ const Z = [], rt = (e) => {
   & > * {
     z-index: 10;
   }
-`, Pt = d.div`
+`, Wt = d.div`
   position: absolute;
   inset: 0;
   background-color: var(--md-sys-color-primary-container);
   z-index: 0;
   transition: right 0.2s;
-`, Wt = d.div`
+`, Ot = d.div`
   position: relative;
   width: 71px;
   height: 40px;
@@ -1538,7 +1532,7 @@ const Z = [], rt = (e) => {
 
     &.spinning {
       /* spin animation */
-      animation: ${Ut} 1s infinite linear;
+      animation: ${Lt} 1s infinite linear;
     }
   }
 
@@ -1559,54 +1553,54 @@ const Z = [], rt = (e) => {
   src: a,
   error: n,
   tooltip: s,
-  onRemove: v,
+  onRemove: f,
   ...y
 }) => {
-  let c = "", l = !1, h = "";
+  let l = "", c = !1, h = "";
   switch (o) {
     case "processing":
-      c = "Transcoding", l = !0, h = "settings";
+      l = "Transcoding", c = !0, h = "settings";
       break;
     case "unsupported":
-      c = "Unsupported - conversion required", h = "visibility_off";
+      l = "Unsupported - conversion required", h = "visibility_off";
       break;
     case "upload":
-      c = "Uploading", l = !0, h = "sync";
+      l = "Uploading", c = !0, h = "sync";
       break;
     case "queued":
-      c = "Queued - waiting to be transcoded", h = "hourglass";
+      l = "Queued - waiting to be transcoded", h = "hourglass";
       break;
     case "waiting":
-      c = "Waiting for upload", h = "schedule";
+      l = "Waiting for upload", h = "schedule";
       break;
     case "importing":
-      c = "Importing", h = "upload_file";
+      l = "Importing", h = "upload_file";
       break;
     case "validating":
-      c = "Validating", h = "checklist";
+      l = "Validating", h = "checklist";
       break;
   }
-  n && (l = !1, h = "error");
-  const f = t !== void 0 ? `- ${t}%` : "";
-  return /* @__PURE__ */ A(
-    Lt,
+  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__ */ A(Wt, { children: [
+        /* @__PURE__ */ N(Ot, { children: [
           a && /* @__PURE__ */ g("img", { src: a }),
-          h && /* @__PURE__ */ g(U, { icon: h, className: z({ spinning: l }) })
+          h && /* @__PURE__ */ g(U, { icon: h, className: z({ spinning: c }) })
         ] }),
-        /* @__PURE__ */ A("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} ${f}` })
+          /* @__PURE__ */ g("span", { className: "message", children: n || `${l} ${v}` })
         ] }),
-        r && /* @__PURE__ */ g("span", { className: "size", children: ze(r) }),
+        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: v }),
-        /* @__PURE__ */ g(Pt, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
+        (n || o === "waiting") && /* @__PURE__ */ g(P, { icon: "close", variant: "text", onClick: f }),
+        /* @__PURE__ */ g(Wt, { className: "progress", style: { right: `${100 - (t ?? 0)}%` } })
       ]
     },
     e
@@ -1619,15 +1613,15 @@ d.div`
   min-height: 100%;
   padding-bottom: var(--padding-m);
 `;
-const ur = d.div`
+const sr = d.div`
   position: relative;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   width: 100%;
   min-height: 50px;
-`, mr = d.div`
+`, lr = d.div`
   word-break: break-all;
-`, Ot = d.div`
+`, It = d.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -1644,7 +1638,7 @@ const ur = d.div`
   &.dragging {
     opacity: 0;
   }
-`, It = d.div`
+`, Vt = d.div`
   position: relative;
   min-height: 50px;
   display: flex;
@@ -1673,7 +1667,7 @@ const ur = d.div`
     opacity: 0;
     cursor: pointer;
   }
-`, Vt = d.div`
+`, Bt = d.div`
   position: absolute;
   inset: var(--padding-s);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -1708,7 +1702,7 @@ const ur = d.div`
     return e.message || e.response?.statusText || "Unknown upload error";
   }
   return e instanceof Error ? e.message : typeof e == "string" ? e : "Unknown upload error";
-}, Bt = ({
+}, Ht = ({
   projectName: e,
   versionId: t,
   taskId: r,
@@ -1718,40 +1712,40 @@ const ur = d.div`
   onUpload: n,
   onProgress: s
 }) => {
-  const [v, y] = M({}), c = B(
+  const [f, y] = M({}), l = B(
     (h) => {
-      t && y((f) => ({
-        ...f,
-        [t]: f[t]?.filter((u) => u.name !== h) || []
+      t && y((v) => ({
+        ...v,
+        [t]: v[t]?.filter((u) => u.name !== h) || []
       }));
     },
     [t]
   );
   return {
     handleFileUpload: B(
-      async (h, f) => {
-        const u = f || t;
+      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
-        })), E = [...v[u] || [], ...b];
-        y({ ...v, [u]: E });
+        })), 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
-            He.util.updateQueryData(
+            Qe.util.updateQueryData(
               "getReviewablesForVersion",
               { projectName: e, versionId: u },
               (D) => {
                 D.reviewables || (D.reviewables = []), D.reviewables.push(F);
               }
             )
-          ), 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 }])), c(W(w.name)));
+          ), 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 : {
@@ -1792,20 +1786,20 @@ const ur = d.div`
       [
         t,
         e,
-        v,
+        f,
         a,
         i,
         o,
         r,
-        c,
+        l,
         n,
         s
       ]
     ),
-    handleRemoveUpload: c,
-    uploading: v
+    handleRemoveUpload: l,
+    uploading: f
   };
-}, gr = ({
+}, cr = ({
   projectName: e,
   taskId: t,
   folderId: r,
@@ -1814,12 +1808,12 @@ const ur = d.div`
   onUpload: a,
   onFilesAdded: n,
   children: s,
-  dispatch: v,
+  dispatch: f,
   variant: y = "normal",
-  pendingFiles: c = [],
-  setPendingFiles: l,
+  pendingFiles: l = [],
+  setPendingFiles: c,
   className: h,
-  readOnly: f = !1,
+  readOnly: v = !1,
   pt: u,
   ...k
 }) => {
@@ -1827,30 +1821,30 @@ const ur = d.div`
     handleFileUpload: m,
     handleRemoveUpload: T,
     uploading: j
-  } = Bt({
+  } = Ht({
     projectName: e,
     versionId: o,
     taskId: t,
     folderId: r,
     productId: i,
-    dispatch: v,
+    dispatch: f,
     onUpload: a
   }), w = !!o;
   O(() => {
-    if (w && o && c.length > 0 && l) {
-      const x = c.map((p) => p.file);
-      c.forEach((p) => {
+    if (w && o && l.length > 0 && c) {
+      const x = l.map((p) => p.file);
+      l.forEach((p) => {
         p.preview && URL.revokeObjectURL(p.preview);
-      }), l([]), m(x);
+      }), c([]), m(x);
     }
-  }, [w, o, c.length, m, l]);
+  }, [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) {
-      l && l((N) => [...N, ...F(p)]);
+      c && c((A) => [...A, ...F(p)]);
       return;
     }
     await m(x);
@@ -1862,20 +1856,20 @@ const ur = d.div`
     const p = x.dataTransfer.files;
     p && D(p);
   }, R = y === "large" ? { minWidth: "360px", maxWidth: "480px", alignSelf: "center" } : {};
-  return /* @__PURE__ */ A(G, { children: [
+  return /* @__PURE__ */ N(G, { children: [
     /* @__PURE__ */ g(
-      Ot,
+      It,
       {
         className: z(h, y, { dragging: b }),
         ...k,
-        onDragEnter: () => !f && E(!0),
+        onDragEnter: () => !v && E(!0),
         onDragOver: (x) => x.preventDefault(),
         onDrop: (x) => {
-          f && (x.preventDefault(), x.stopPropagation());
+          v && (x.preventDefault(), x.stopPropagation());
         },
-        children: /* @__PURE__ */ A(G, { children: [
+        children: /* @__PURE__ */ N(G, { children: [
           s,
-          !w && c?.map((x) => /* @__PURE__ */ g(
+          !w && l?.map((x) => /* @__PURE__ */ g(
             te,
             {
               name: x.file.name,
@@ -1883,7 +1877,7 @@ const ur = d.div`
               src: x.preview,
               type: "waiting",
               onRemove: () => {
-                l && l((p) => p.filter((N) => N.file.name !== x.file.name));
+                c && c((p) => p.filter((A) => A.file.name !== x.file.name));
               }
             },
             x.file.name
@@ -1897,8 +1891,8 @@ const ur = d.div`
             },
             x.name
           )),
-          !f && /* @__PURE__ */ A(
-            It,
+          !v && /* @__PURE__ */ N(
+            Vt,
             {
               id: "upload",
               className: z("upload", y),
@@ -1913,8 +1907,8 @@ const ur = d.div`
         ] })
       }
     ),
-    b && !f && /* @__PURE__ */ A(
-      Vt,
+    b && !v && /* @__PURE__ */ N(
+      Bt,
       {
         onDragOver: (x) => x.preventDefault(),
         onDragLeave: () => E(!1),
@@ -1927,7 +1921,7 @@ const ur = d.div`
       }
     )
   ] });
-}, hr = d.div`
+}, dr = d.div`
   position: relative;
   border-radius: var(--border-radius-m);
   display: flex;
@@ -1942,9 +1936,9 @@ const ur = d.div`
   }
 
   flex: 1;
-`, fr = d.div`
+`, pr = d.div`
   position: relative;
-`, vr = d.span`
+`, ur = d.span`
   position: relative;
   padding: 0px 2px;
   border-radius: var(--border-radius-m);
@@ -1966,7 +1960,7 @@ const ur = d.div`
       color: var(--md-sys-color-on-surface);
     }
   }
-`, yr = d.span`
+`, mr = d.span`
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
@@ -1977,7 +1971,7 @@ const ur = d.div`
   .icon {
     color: var(--md-sys-color-on-surface);
   }
-`, Ht = d.div`
+`, Qt = d.div`
   & > span,
   & > li {
     cursor: pointer;
@@ -2000,7 +1994,7 @@ const ur = d.div`
       }
     }
   }
-`, br = d.div`
+`, gr = d.div`
   position: absolute;
   top: 100%;
   left: 0px;
@@ -2009,7 +2003,7 @@ const ur = d.div`
 
   z-index: 200;
   padding-top: 4px;
-`, xr = d.ul`
+`, hr = d.ul`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -2024,46 +2018,46 @@ const ur = d.div`
 
   max-height: 500px;
   overflow: auto;
-`, wr = 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%;
-`, kr = H(
+`, vr = H(
   ({ children: e, segment: t, isOpen: r, scope: o, projectName: i, ...a }, n) => {
-    const { openSlideOut: s } = q(), v = t?.type !== "product" && t?.type !== "project", y = () => {
-      if (!v) return;
-      const { type: f, id: u } = t || {};
-      !f || f === "project" || f === "product" || !u || s({
-        entityType: f,
+    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 = (f) => [
+    }, l = (v) => [
       {
-        label: `ID: ${f}`,
+        label: `ID: ${v}`,
         icon: "content_copy",
-        command: () => _(f)
+        command: () => _(v)
       }
-    ], [l] = Ze();
+    ], [c] = ot();
     return /* @__PURE__ */ g(
-      Ht,
+      Qt,
       {
         onClick: y,
-        onContextMenu: (f) => {
+        onContextMenu: (v) => {
           if (!t) return;
-          const u = c(t.id);
-          l(f, u);
+          const u = l(t.id);
+          c(v, u);
         },
-        className: tt({ link: v, open: r }),
+        className: tt({ link: f, open: r }),
         ...a,
         ref: n,
         children: e
       }
     );
   }
-), Qt = d.div`
+), _t = d.div`
   position: relative;
   width: 100%;
   height: 52px;
@@ -2153,7 +2147,7 @@ const ur = d.div`
     border: none;
     border-color: transparent;
   }
-`, _t = d.img`
+`, qt = d.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -2165,7 +2159,7 @@ const ur = d.div`
   inset: 0;
 
   transition: scale 0.2s, opacity 0.2s;
-`, qt = ({
+`, Gt = ({
   projectName: e = "",
   entityType: t = "",
   entityId: r = "",
@@ -2174,16 +2168,16 @@ const ur = d.div`
   thumbnailHash: a,
   isLoading: n,
   shimmer: s,
-  className: v,
+  className: f,
   disabled: y,
-  src: c,
-  hoverIcon: l,
+  src: l,
+  hoverIcon: c,
   showBorder: h = !0,
-  ...f
+  ...v
 }) => {
   const u = t === "project", k = ["product"].includes(t), b = u ? !!e : !!r;
   let E = "";
-  t && (a || u) && b && (c ? E = c : E = ot({ projectName: e, entityType: t, entityId: r, thumbnailHash: a }) ?? "");
+  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 === "") {
@@ -2191,21 +2185,21 @@ const ur = d.div`
       return;
     }
     w(!1), T(!1);
-  }, [E]), /* @__PURE__ */ A(
-    Qt,
+  }, [E]), /* @__PURE__ */ N(
+    _t,
     {
-      className: z(v, "thumbnail", {
+      className: z(f, "thumbnail", {
         loading: s && (n || !j),
         loaded: j,
         error: m,
-        clickable: !!f.onClick,
+        clickable: !!v.onClick,
         border: h
       }),
-      ...f,
+      ...v,
       children: [
         (!n || !j) && !y && /* @__PURE__ */ g(U, { style: { color: i || void 0 }, icon: o || "image", className: "type-icon" }),
         t && e && !k && b && /* @__PURE__ */ g(
-          _t,
+          qt,
           {
             alt: `Entity thumbnail ${r || e}`,
             src: E,
@@ -2217,11 +2211,11 @@ const ur = d.div`
             }
           }
         ),
-        l && /* @__PURE__ */ g(U, { icon: l, className: "hover-icon" })
+        c && /* @__PURE__ */ g(U, { icon: c, className: "hover-icon" })
       ]
     }
   );
-}, Gt = d.div`
+}, Kt = d.div`
   display: flex;
   z-index: 10;
   height: 100%;
@@ -2258,75 +2252,76 @@ const ur = d.div`
       object-fit: cover;
     }
   }
-`, Er = ({
+`, yr = ({
   thumbnails: e = [],
   isLoading: t,
   className: r,
   style: o,
   ...i
 }) => {
-  const { onContextMenu: a } = ye(qe);
+  const { onContextMenu: a } = ye(Ye);
   e = e.slice(0, 5);
   const n = e.length > 1;
   return e.length ? /* @__PURE__ */ g(
-    Gt,
+    Kt,
     {
       $length: e.length,
       className: z("stacked-thumbnails", r, { stacking: n }),
       children: e.map(
-        (s, v) => s ? /* @__PURE__ */ g(
-          qt,
+        (s, f) => s ? /* @__PURE__ */ g(
+          Gt,
           {
             projectName: s.projectName,
             entityType: s.type,
             entityId: s.id,
             icon: s.icon,
             color: s.color,
-            style: { ...o, zIndex: -v },
+            style: { ...o, zIndex: -f },
             thumbnailHash: s.thumbnailHash,
             isLoading: t,
             src: s.src,
             onContextMenu: a,
             ...i
           },
-          s.id || s.src || v
+          s.id || s.src || f
         ) : null
       )
     }
   ) : null;
-}, Tr = H(
+}, 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 = [] } = Qe(
+      projectName: c.projectName
+    })), { data: s = [] } = _e(
       {
         entities: n
       },
       { skip: !e.length }
-    ), v = Array.from(new Set(s.flatMap((l) => l.watchers))), [y] = _e();
+    ), 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(
-      Me,
+      Ue,
       {
         align: "right",
         ...i,
-        value: v,
+        options: Fe(i.options, f),
+        value: f,
         currentUser: o,
-        onChange: async (l) => {
-          const h = l.filter((k) => !v.includes(k)), f = v.filter((k) => !l.includes(k)), u = s.map((k) => {
-            const b = k.watchers.filter((E) => !f.includes(E));
-            return b.push(...h), {
-              ...k,
-              watchers: b
-            };
-          });
-          try {
-            await y({ entities: u }).unwrap(), r && r(h, f);
-          } catch {
-            Q.error("Failed to update watchers");
-          }
-        },
+        onChange: l,
         ref: a,
         buttonProps: { "data-tooltip": "Watchers" }
       }
@@ -2334,52 +2329,52 @@ const ur = d.div`
   }
 );
 export {
-  Ko as A,
-  or as B,
-  lr as C,
-  sr as D,
-  er as E,
-  yr as F,
-  _o as G,
-  Qo as H,
-  tr as I,
-  rr as J,
-  qo as K,
-  ur as L,
-  br as M,
-  Jo as N,
-  ar as O,
-  dr as P,
-  Xo as Q,
-  pr as R,
-  vr as S,
-  Yo as T,
-  cr as U,
-  Tr as W,
-  dt as a,
-  Vo as b,
-  ut as c,
-  mt as d,
-  mr as e,
-  Bo as f,
-  gr as g,
+  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,
-  Bt as i,
-  nr as j,
-  ir as k,
-  hr as l,
-  xr as m,
-  kr as n,
-  wr as o,
-  fr as p,
-  wt as q,
-  Et as r,
-  Ho as s,
+  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,
-  nt as u,
-  Ct as v,
-  Er as w,
-  qt as x,
-  Go as y,
-  Zo as z
+  it as u,
+  At as v,
+  yr as w,
+  Gt as x,
+  Bo as y,
+  _o as z
 };