@ynput/ayon-frontend-shared 0.6.2 → 0.6.4

package/dist/chunks/Watchers.es.js

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